{"version":"1.0","type":"rich","title":"Untitled","description":"A live graph renderer displays a DOT language diagram that updates in real time as users type. The example uses d3-graphviz and the @hpcc-js/wasm library to parse and render Graphviz syntax, with d3.transition providing smooth animated updates. A textarea on the left captures input, and every keystroke triggers the graph to re-render via the `renderDot` method, fitting the diagram to the window size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6125cb49bd844cf8b282e7eb84121b84?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}