{"version":"1.0","type":"rich","title":"Connecting Two Points with a Line in D3.js","description":"Three straight lines are drawn on an SVG plot, each connecting two points from a hard-coded JavaScript array of x/y coordinates. The visualization demonstrates how D3.js v3 scales data coordinates into screen positions using `d3.scale.linear` and renders the lines as SVG `path` elements with `d3.svg.line`. Axes generated with `d3.svg.axis` frame the 100-by-100 unit domain, and the lines are styled via CSS with a custom stroke color.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-a0c579c62f2f9f783d62ade7ddfdf511?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}