{"version":"1.0","type":"rich","title":"d3NoobV5 Reusable Examples - MultiLine Chart with lines labelled","description":"This example shows a multi-line chart that plots two time-series from a small CSV dataset, with each line labeled directly on the chart. Using the D3.js v5 library, it defines reusable chart components through a module pattern, building SVG output with scales for date and linear values. The code constructs axes, gridlines, and lines via `d3.axisBottom`, `d3.axisLeft`, `d3.scaleTime`, and `d3.scaleLinear`, while the data is accessed using extractor functions. The chart is based on Malcolm Maclean's \"D3 Tips and Tricks\" examples, adapted into a modular, testable structure following the ProD3 pattern.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0c66304dbc5646f6b569772b3ca89bb4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}