🌍 Public
Viewing a saved revision (read-only)
3bfc4ed409c24ccd91e06bf38e86449a
morocco map
This choropleth map of Morocco displays its administrative regions, with hover effects that turn each region green. The visualization loads geographic data from a GeoJSON file containing regional boundaries and attributes. Using D3.js v5, the code applies a Mercator projection via `geoMercator` and draws the regions with `geoPath`. Region names are placed at each polygon's centroid. The map renders as SVG, with red fill colors for regions, black strokes, and interactive hover styling managed through CSS.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.