Interactive 3D visualizations of tensors and their physical applications, built with Three.js.
| Visualization | English | Chinese |
|---|---|---|
| Stress Tensor - Explore the second-order stress tensor. Rotate the view, drag sliders to adjust stress components, and see the traction vector update in real time. | stress-tensor-visualization-en-fix.html | stress-tensor-visualization-zh.html |
| N-Body Gravity - Simulate gravitational interactions between multiple particles. Each particle's resultant gravitational force is shown as a colored arrow, demonstrating the tensor nature of the gravitational field. | nbody-visualization-en.html | nbody-visualization-zh.html |
- Stress Tensor: Interactive 3D visualization of Cauchy stress tensor with real-time traction vector computation
- N-Body Gravity: Particle simulation with gravitational force arrows showing covariance of vector components
Simply open any HTML file in your browser. All dependencies are loaded from CDN - no build step required.
To run locally:
git clone https://github.com/zmath01/tensor-visualization.git
cd tensor-visualization
# Open a file in your browser (macOS)
open stress-tensor-visualization-en-fix.html
# or on Linux
xdg-open stress-tensor-visualization-en-fix.htmlThis repository is configured for automatic deployment to GitHub Pages via GitHub Actions. Every push to the `main` branch triggers a workflow that deploys the static files.