JSON Navigator

This is a tool designed to help students and novice programmers learn to navigate nested data structures - in particular, how to access information from a parsed JSON object returned from an API call.

Try clicking on the keys and values in the example to the right - you should see the chain of index values/properties needed to access this data displayed in the black text box below.

{"example_array": ["thing", "another thing", {"name": "Mr. Bojangles", "fave_foods": ["cheese", "waffles", "syrup"]} ], "wow": "so cool."} Render Interactive JSON