{"version":"1.0","type":"rich","title":"Fork of HTML Starter","description":"This example demonstrates a directed graph rendered as SVG using the dagreD3 library, with nodes labeled A through E and styled edges that vary in color, thickness, dash pattern, and arrowhead appearance. The graph layout is computed by dagreD3’s renderer, which is invoked with a `Graph` object built via the `graphlib` API. Node and edge styles are applied through inline attributes such as `style` and `labelStyle`, while custom CSS classes like `arrowhead` override default arrow colors. The final SVG is centered horizontally within a fixed-height container using D3’s `select` and `attr` methods, with the graph’s dimensions dictating the canvas height.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76d6270deb524b55bfbbf974ca0748d5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}