JSON Node Puzzle
Construct authentic JSON graph topologies! Wire parent and child nodes together using directed edges, balancing container fanouts and array branch lists across 5 zones.
1-10
11-20
21-30
31-40
41-50
Connect root { } to "branch_1" { }, and link both child properties.
{
"branch_1": {
"leaf_1": 1,
"val_1": true
}
}Mission Story Lore & Concept CodexLevel Guide
Read Byte's narrative logs, master key technical terms, and learn the step-by-step strategy.
🕸️ About JSON Node Puzzle
Every JSON payload is inherently a directed acyclic tree graph. JSON Node Puzzle teaches players graph topology, vertex relationships, and hierarchical edge wiring. Players link nodes together interactively to synthesize complete JSON data payloads.
🎮 How to Play
- Study the Target Tree: Inspect the expected JSON structure displayed on the target monitor.
- Select a Parent Node: Click on the root or container node to initiate a directed connection.
- Click the Child Node: Click on a child object, array, or leaf property to draw the linking edge.
- Verify Connections: Complete all required graph edges to generate the valid target payload and unlock the next level!
🎯 Core Learning Goals Across 50 Levels
Graph Topology:
Understand that JSON structures are directed rooted trees with unambiguous parent-to-child edges.
Branch Fanouts:
Learn how container objects distribute multiple key branches to leaf value terminals.
Array Element Sequencing:
Observe how array parent nodes connect to ordered indexed children ([0], [1], [2]).
Architectural Thinking:
Develop intuition for designing clean, modular database schemas and microservice data models.
Need to auto-generate node graphs from your JSON data?
Our flagship interactive visualizer transforms any raw JSON into clean, drag-and-drop interactive node graphs instantly.