VIBENIGHT

gestural knowledge graphs

Navigate knowledge with your hands. Vibenight turns complex idea spaces into 3D force-directed graphs you can explore using webcam-based hand tracking — point to highlight, pinch to orbit, two-hand pinch to zoom.

Each graph is a different lens on interconnected ideas: project ecosystems, intellectual lineages, research threads. Point at a node, pinch to select, and trace the connections that matter.

🧠

Karpathy Sim

Idea lineage graph · 45 nodes · aesthetic / application / crossing types

→

🌐

Personal Graph

~/Projects ecosystem · workstream clusters · spawn agents into nodes

→

Upload Your Own Graph

Drop a .json file here or click to browse

or paste JSON below

show format spec ▸

Required: A JSON object with a nodes array.
Each node needs at least id and label.

Optional node fields: type, desc, parent, parents (array), val (size), era, people (array).

Links: Provide a links array with { source, target } objects, or use parent/parents on nodes (or both).

Metadata: Top-level title and description set the viewer header.

{
  "title": "My Knowledge Graph",
  "description": "connections between ideas",
  "nodes": [
    { "id": "root", "label": "Central Idea", "type": "concept" },
    { "id": "a", "label": "Branch A", "type": "tool", "parent": "root" },
    { "id": "b", "label": "Branch B", "type": "person", "desc": "..." }
  ],
  "links": [
    { "source": "root", "target": "b" }
  ]
}

3d-force-graph mediapipe hands three.js webcam gestural ui