Course Visualizer

Dark, data-driven UI — loads from a JSON file / variable (no input fields).

Data Source

This visualizer expects data from one of the following methods (no textarea):

  1. Paste your JSON into the DATA variable inside the HTML file (recommended).
  2. Or place a data.json file next to this HTML and uncomment the fetch line in the script to load it.

Analytics

Milestones
0
Modules
0
Lessons
0
Tip: This file is single-file and portable — edit the DATA constant below with your JSON array and open in a browser.

Visualizer

Click a milestone to expand modules, then modules to expand lessons.