{"version":"1.0","type":"rich","title":"D3 path-I","description":"This example showcases a single, closed curved shape rendered as a stroked SVG path, creating a geometric knot-like form that stands alone on a blank white canvas. The path’s coordinates are provided as a static string in the `d` attribute, defining the outline with a smooth cubic Bézier curve that draws the shape twice to connect its interior and exterior contours. Built with D3 v6 inside a React-free HTML page, the code selects the `body` element, appends an SVG container of 960 by 500 pixels, and uses `d3.select` and `append` to add the path. The stroke is colored blue with a width of 2 pixels, and the fill is explicitly set to none, leaving only the outline visible.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76e3ea7283a748a1a266678829da14d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}