{"version":"1.0","type":"rich","title":"Cars Scatter plot with drop down","description":"This scatter plot visualizes fuel consumption data from a Kaggle dataset, showing relationships between continuous variables such as fuel consumption, CO2 emissions, and engine cylinders. The visualization uses drop-down menus to let users select which attributes appear on the x and y axes, updating the scatter plot dynamically. Built with React and D3 v5, the code uses `scaleLinear`, `extent`, and `csv` from D3 to process the data, while custom SVG components (`AxisBottom`, `AxisLeft`, `Marks`) render the axes and circles. The plot uses a `ReactDropdown` component for interactive axis selection, with tooltips displaying formatted tick values on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3ac381b9fbb4e29bb6a4ac079608f69?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}