{"version":"1.0","type":"rich","title":"Let's make a map with D3.js!","description":"This example demonstrates how to create a choropleth map of U.S. counties using D3.js. It renders an SVG projection of the United States with a light background, then overlays county boundaries and merges them with education data loaded from freeCodeCamp’s testable projects API. The code uses `d3.geoAlbersUsa` for the projection, `d3.geoPath` to generate paths, and TopoJSON’s `feature` method to extract county geometries. Education statistics are fetched in parallel with county boundaries via `Promise.all`. The resulting visualization shows county outlines but does not yet color them by data values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4476fa6a6f6f49909826a9b3239ba36b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}