{"version":"1.0","type":"rich","title":"Aditya - Reusing D3 chart as React components","description":"This example demonstrates how to reuse a D3 chart as a React component, displaying a connected scatter plot of time-series data. The visualization renders a line with circular points on an SVG canvas using d3.scaleTime, d3.scaleLinear, d3.line, and d3.axisBottom/axisLeft. It reads data from a CSV file hosted on GitHub, parsing dates with d3.timeParse. The React component returns a div that D3 selects, appends an SVG to, and populates with axes, a line, and circles, showing a practical pattern for integrating D3 into a React application.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0da4638c5962435a843e53b7dd58d7fb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}