TreeDiagram

What it is

TreeDiagram is a web viewer, built with D3.js, that draws the SpaceMusic parameter file as a collapsible tree, a radial tree or a sunburst chart, and exports to SVG, PNG, JSON or PDF (repo).

For us: It shows how the SpaceMusic controls are organised (pages, zones, groups). It runs as a preview on dev push (Deploy (devpush)); the related CSV-to-diagram tool is Diagram.

Login: studio login (Authentik).

How to start

1. Open the link and pick a view mode; the app loads the CSV files bundled in its assets/ folder.
2. To run it locally: cd sm-tree-diagram, npm install, npm start, then open http://localhost:3000.

Find it

• https://spacemusic-treediagram-jan-henrik-hansen.deploy.spacemusic.tv
• Repo SpaceMusic-TreeDiagram