An interactive 3D visualization of history's major turning points, rendered as a rotating solar system. Explore philosophical lineages, scientific breakthroughs, and civilizational shifts from the Big Bang to the modern day — all connected by glowing causality chains.
- 🌌 Solar System orbit layout — each era occupies a concentric orbital ring
- 🔗 Causality chain tracing — click any node to reveal its root causes and downstream consequences
- 🔭 Dynamic label scaling — labels grow as you zoom out to stay legible
- 🕹️ Journey Mode — step sequentially through history from the Big Bang onward
- 🔍 Text & year search — fly the camera directly to any event or philosopher by name or date
- 💬 Frosted-glass sidebar — detailed context panel with interactive navigation buttons
git clone https://github.com/Arjitc12/Thought.git
cd Thoughtnpm installThis installs all required packages including React, Three.js, @react-three/fiber, @react-three/drei, and Framer Motion.
npm run devOpen your browser and navigate to http://localhost:5173 (or whichever port Vite prints in the terminal).
npm run buildThe production-ready output will be placed in the dist/ folder.
| Layer | Technology |
|---|---|
| Framework | React 18 + Vite |
| 3D Engine | Three.js via @react-three/fiber |
| 3D Helpers | @react-three/drei |
| Animations | Framer Motion |
| Styling | Vanilla CSS |
Thought/
├── public/ # Static assets (screenshot etc.)
├── src/
│ ├── components/
│ │ ├── 3d/ # Scene, Node, Edge — core 3D rendering
│ │ └── ui/ # Overlay, DateSearch, NewsOverlay, MiniMap
│ ├── data/
│ │ └── dataset.js # Hardcoded historical event dataset
│ └── main.jsx # App entry point
├── package.json
└── vite.config.js