🔗 HTML Graph Visualization

Graph Playground

Interactive playground for visualizing HTML structure as graphs. Input HTML, configure rendering options, and see the graph rendered in real-time using various visualization libraries.

Coming in v0.1.1 →

Multiple Render Formats

Choose from multiple rendering engines: DOT (Graphviz via viz-js), vis.js for interactive exploration, D3 for force-directed layouts, Cytoscape for analysis, and Mermaid for documentation.

DOT renderer coming in v0.1.2 →

Sample HTML Files

Pre-loaded sample HTML files to demonstrate capabilities: simple structures, nested elements, attributes, mixed content, and real-world Bootstrap examples.

Flexible Configuration

Customize visualization with presets (Full Detail, Structure Only, Minimal), toggle visibility of tag/attribute/text nodes, and choose from multiple color schemes.

Config panel coming in v0.1.1 →

API Documentation

Full OpenAPI documentation for the graph rendering endpoints. Integrate graph generation into your own applications with simple REST API calls.

About MGraph

MGraph is a graph-based data structure library that transforms HTML documents into traversable graph representations, enabling powerful analysis and visualization.