MVP for a visualization of all human technology. 95% of the work was done by codex. Data provided by codex/gemini. Technology data is stored under the data/ directory split by era and loaded on startup. The client UI uses Vis.js to draw the tree and allows adding, searching or editing entries.
- Node.js 14 or newer
- Clone this repository and change into its directory.
- Install dependencies (there are none, but this sets up
package-lock.json):npm install
Start the server using npm:
npm startThis runs server.js and listens on port 3000 by default. You can set the PORT environment variable to use a different port:
PORT=8080 npm startOnce running, open http://localhost:3000 in your browser to view and modify the tech tree.
The info panel includes a search box to quickly highlight technologies by name or ID. A color legend explains the era assigned to each technology. You can also filter the tree by era using the dropdown next to the search box.
When first launched, the server populates the data/ directory with the contents of tech-data.js. Subsequent changes to the tech tree are saved back into these era-specific JSON files (as well as tech-tree.json for compatibility). Removing the data/ directory will reset the data to the initial values.
Edit app.js, style.css, and index.html to adjust the interface. The server itself is implemented in server.js. Restart the server after making changes to server-side code.
This project is licensed under the MIT License.