Choropleth of spanish cities by population

spanish provinces

A choropleth-style map of Spanish provinces rendered on a canvas, colored with a light yellow fill and gray borders, plus a dashed line marking the boundary between the Iberian Peninsula and the Canary Islands. The visualization uses a composite conic conformal projection handled by the custom `d3.geo.conicConformalSpain` function, with TopoJSON data presimplified via `topojson.presimplify`. It leverages `StaticCanvasMap` from the spam library to manage partial rendering and efficient spatial indexing through RBush. Boundaries are stroked with `CanvasRenderingContext2D`, and an interactive hover state is prepared for future mouse tracking.

82% match

Spanish municipalities choropleth test with Canvas and preprojected TopoJSON

A choropleth map of Spanish municipalities colors each region by population density using a threshold color scale. The visualization renders on a Canvas via `d3.geoPath`, reading preprojected TopoJSON geometry and joining it to CSV population data by municipality ID. A national border is stroked afterward for context. The map uses a forked `d3-geo-projection` pipeline to streamline drawing performance.

79% match

mapa aragon

A choropleth map of Aragón colors each province by its share of the region’s 2021 population, using a green sequential scale derived from `d3.schemeGreens`. Hovering a province reveals its exact percentage in a tooltip. The visualization loads GeoJSON boundaries and a CSV dataset via `fetch` and `d3.csv`, then renders paths with `d3.geoPath` and a `geoMercator` projection. Interactive pan and zoom are enabled through `d3.zoom`, while a legend built with `scaleOrdinal` summarizes the color ranges.

AAleOG

76% match

mapa España

This interactive choropleth map of Spain displays the percentage of the population served by health sectors in Aragon for 2022, with colored regions representing value ranges and a legend for interpretation. The visualization uses D3 v5 with topojson to load geographic boundaries, applies a Mercator projection through `d3.geoMercator` and `d3.geoPath`, and renders the map as an SVG. Data is parsed from a CSV file hosted on GitHub, containing population counts per sector, which are converted into percentage values. The map includes animations and dynamic color scaling via `d3.scaleThreshold`, with interactivity for selecting regions.

AAleOG

76% match

Fork of Fork of Let's make a map with D3.js!

A choropleth map of Spain displays COVID-19 cases as proportional circles and vaccination percentages via a sequential YlOrRd color scale, with hover tooltips revealing province names. Using d3.csv and d3.json, the visualization merges external COVID data with TopoJSON geographic boundaries from es-atlas. d3.geoMercator projects the map, while d3.geoPath draws province paths, and d3.scaleSqrt sizes circles based on case counts. The d3.scaleSequential color scale encodes vaccination rates, with interactive hover effects changing province fill colors.

Mmartajimpac

Comunidad Valenciana population(d3v4)

A choropleth map of the Comunidad Valenciana depicts population density per census tract, with a legend encoding values from pale yellow to dark red. The visualization uses `d3.geoPath` to render the regions and `d3.scaleThreshold` for the color bins, showing population per square mile. Census tract boundaries are outlined, and municipal borders are drawn via `topojson.mesh`. The data comes from the 2011 Spanish census and municipal shapefiles, processed into a TopoJSON file.

Spain

This visualization uses a modified conic conformal projection to display Spain’s provinces, repositioning the Canary Islands next to the Iberian Peninsula for easier data analysis. Built with D3 v4 and TopoJSON, it renders provincial boundaries as SVG paths with white strokes over dark land areas. The projection, adapted from the d3-composite-projections library, adjusts the Canary Islands’ location while preserving the conformal properties of the map.

Aale0xB

Comunidad Valenciana population

This choropleth map visualizes the population density of census tracts in the Comunidad Valenciana, Spain. The map uses a threshold color scale to encode population per square mile, with darker reds indicating higher densities. The visualization is built with D3.js, using the `d3.geo.path` projection and the TopoJSON library to render the geographic data. The source data comes from the 2011 Spanish census, processed from shapefiles using GDAL and TopoJSON command-line tools.