Interactive visualization of HTML document structure as graphs
v0.1.2 - DOT Renderer (viz-js)
Interactive playground for visualizing HTML structure as graphs. Input HTML, configure rendering options, and see the graph rendered as SVG using Graphviz (via viz-js WebAssembly).
Open Playground →This version adds the DOT renderer component using viz-js (Graphviz compiled to WebAssembly). DOT output from the API is now rendered as interactive SVG graphics!
Try It →Pre-loaded sample HTML files to demonstrate capabilities: simple structures, nested elements, attributes, mixed content, and real-world Bootstrap examples.
View Samples →Customize visualization with presets (Full Detail, Structure Only, Minimal), toggle visibility of tag/attribute/text nodes, and choose from multiple color schemes.
Configure →Full OpenAPI documentation for the graph rendering endpoints. Integrate graph generation into your own applications with simple REST API calls.
View API Docs →