J.A.R.V.I.S. 3D Knowledge Galaxy
J.A.R.V.I.S. 3D Knowledge Galaxy — an experiment shown in the showcase reel.
Lifecycle
Video
J.A.R.V.I.S. 3D Knowledge Galaxy — an experiment shown in the showcase reel.
Details
Prompt
Build an interactive 3D knowledge galaxy from markdown notes. My notes folder is: [PASTE THE FULL PATH - or replace this line with: "I have my own notes, and I'll drag and drop a small business into .../notes_first"]
My folder structure is:
...
- A Python 3 script (build, standard library only - no pip install!) that reads all files and builds a .../graph-data.js containing const GRAPH = { nodes: [], links: [] }; where each node is a label from the filename, its folder as a group, and a ~700-character excerpt of the note text. Link two notes when one mentions the other's title or they share [wikilinks].
- A single-page viewer (viewer/index.html) using the 3d-force-graph library from a CDN - no npm, no build tools, no configs.
- MAKE IT CINEMATIC! Black space background with a starfield, nodes glowing and color-coded by group, slow idle rotation. When a node is clicked, the camera flys to it, highlights its neighbors, and opens a side panel showing that note's excerpt.
- A tiny Python standard-library web server (server.py, port 4710) that serves the viewer/ folder.
- IMPORTANT: give every node a numeric id equal to its position in the nodes array, and use those when linking up nodes in my links.
- When done: start the server and tell me the URL to open in Chrome.
Checkpoint: You're staring at your own knowledge as a galaxy. Fly around it. Shout 'At home!' at the screen. Is it worth a screen record?