October 19, 2022

Demo Wednesday: JSON Visualization

We've published a new demo: JSON Visualization

Today's demo shows how to write a simple JSON visualizer using JointJS+. Use TreeLayout to automatically position nodes and add Record shapes to organize object properties into tables where values have different styles depending on their type.

See the Pen JointJS+: JSON Visualization by JointJS (@jointjs) on CodePen.

For more examples of JointJS and JointJS+, see our CodePen profile and our official documentation.

To see all the awesome demos we've created so far, check out our Github Discussions.

Every Wednesday we share diagramming tips, interesting features and news in JointJS. Learn with us, get content delivered straight to your inbox and become a real diagramming pro:

Authors
Marek Hozak
Marketing guy, father, and sports fanatic who loves to learn about new technologies.
No items found.
Stay in the loop

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.