{"version":"1.0","type":"rich","title":"Basic path and line with d3","description":"This example demonstrates two fundamental SVG shapes—a closed path and a line—rendered with D3 version 7. The code appends an SVG element using `d3.select` and `svg.append`, then draws a path defined by arc (`A`) and quadratic Bézier (`Q`) commands, followed by a straight line with explicit `x1`, `y1`, `x2`, and `y2` attributes. The path’s `d` attribute is set using a template literal, while the line uses chained `.attr` calls for positioning and stroke styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b7f4866ef3ca44178a1ce3c9bec36aba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}