3D network graph
A 3D network graph you can spin. Tap any node and its links light up, with the details below.
Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.
Works with
What it does
An interactive 3D network graph ("knowledge graph") rendered with a single SwiftUI Canvas per frame — colored dots linked by prerequisite edges, floating in a slowly spinning 3D funnel. All 3D math is hand-rolled (no SceneKit): a Y-rotation + tilt matrix and one-axis perspective projection. Nodes grow in bottom-up on appear, the graph auto-spins while idle, and users can drag to orbit, pinch to zoom, and tap a dot to highlight its full prerequisite lineage (BFS) while the camera tweens to face it. Ships with optional native-sheet chrome: a filter toolbar button opening a group list with Select All / Clear All, and a selection detail sheet (medium detent, background interaction enabled so the graph stays orbitable) with tappable "builds on" / "unlocks" rows and a back stack. Respects Reduce Motion. Requires iOS 18+ / macOS 15+.
What you get
- ✓819 lines of source code, ready to paste
- ✓Source Code
- ✓Usage
- ✓Data Model
- ✓Bundled Dataset
- ✓Known Gotchas