🔗 HTML Graph Visualization

Interactive visualization of HTML document structure as graphs

v0.1.4 - 5 Rendering Engines

Checking...
5
Render Engines
3
Presets
URLs to Explore

🎨 5 Rendering Engines

📐

DOT (Graphviz)

Static hierarchical layout via WebAssembly

🌐

vis.js

Interactive network with drag & zoom

D3.js

Force-directed physics simulation

🔬

Cytoscape

Advanced network analysis

📊

Mermaid

Flowchart-style diagrams

🎮

Graph Playground

Try all 5 rendering engines. Switch between DOT, vis.js, D3, Cytoscape, and Mermaid instantly without re-calling the API.

Open Playground →
⏱️

Performance Timing

Timing statistics: API call, server processing, browser render time, and DOT code size. Compare renderer performance.

View Timing →
🔧

Large Graph Support

When DOT renderer fails on large graphs, try vis.js or Cytoscape which handle larger datasets better. Stats always displayed.

Try It →
📚

API Documentation

Response includes:
processing_ms - Server time
dot_size_bytes - DOT size

View API Docs →
🌐

Fetch Any URL

Enter any URL to fetch and visualize its HTML structure. Try example.com, wikipedia.org, or your own sites.

Fetch Example →
📁

Previous Versions

v0.1.0-v0.1.3: Foundation, core UI, DOT renderer, URL fetching.

MGraph HTML Graph Render UI v0.1.4 | v0.1.0 | v0.1.1 | v0.1.2 | v0.1.3 | API Docs