{"version":"1.0","type":"rich","title":"lineGenerator with .x & .y Methodhs","description":"This example demonstrates how to generate a simple line chart from an array of numeric values using D3’s line generator. The chart displays seven data points connected by a gray polyline, illustrating how the `.x` and `.y` accessor methods map each datum’s index and value to coordinates via `d3.scaleLinear` for both axes. The code uses `d3.line()` to produce the path data and appends it as an SVG `path` element. The data is a hardcoded array of objects with a `value` property, and the visualization is rendered as SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b9769cedca934eaba8fcf252e7d2b656?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}