{"version":"1.0","type":"rich","title":"Gist 732669","description":"This example visualizes the Document Object Model (DOM) of a webpage as a hierarchical tree graph. It uses D3.js’s `d3.forceSimulation` to position nodes, with links drawn as straight lines. The code walks every element and text node using a custom recursive `walkTheDOM` function, starting from the document root. The visualization shows the nested structure and sibling relationships of the page’s elements, rendered as an interactive force-directed layout where connected nodes cluster together.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-732669?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}