{"version":"1.0","type":"rich","title":"Dropdown","description":"This example shows an interactive scatter plot of health care cost estimates, where a dropdown menu switches the x-axis values between Year and Out-of-Pocket Dental Services, while color encodes age group. The visualization uses d3.scaleLog for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal with d3.schemeCategory10 for coloring. A color legend supports hovering to highlight matching data points, and the data is loaded as CSV and parsed with d3.csvParse. The SVG rendering follows a modular pattern with separate functions for axes, legend, dropdown, and the main plot.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e50f862fd961414ba907580bc94c8117?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}