{"version":"1.0","type":"rich","title":"D3 Course 10: Choropleth Map","description":"This choropleth map shows global economic classifications by country, with a clickable color legend that filters and highlights nations matching the selected category. It visualizes an ordered attribute across the Natural Earth projection using a spectral color scale, with tooltips displaying country names and economic values.\n\nThe example integrates TopoJSON world geometry with tabular TSV data via `Promise.all` and `topojson.feature`. It uses D3 v5 APIs including `scaleOrdinal`, `geoPath`, `geoNaturalEarth1`, and `zoom` for pan/zoom interaction. The componentized code separates data loading, map rendering, and legend logic, using unidirectional data flow to update both when the legend is clicked.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0eb0b38cda144ca185a6dae9d7b86c66?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}