DOM Tree Visualizer

Visualize HTML document structure as an interactive tree graph using sigma.js

HTML Input

0 nodes

Input Mode:

HTML

React/JSX

DOM Tree Graph

Tree Orientation:

Left → Right

Right → Left

Top → Bottom

Node Colors

html

head

body

div

span

p

a

ul

Click node to highlight in input • Scroll to zoom • Drag to pan