mapa España

100%

✓ Published1🌍 Public

Last edited May 11, 2023

Created on May 9, 2023

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.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

mapa Aragón usuarios de SAS

This example visualizes the percentage of SAS (Servicio Aragonés de Salud) users in Aragón by health sector for 2022. An interactive choropleth map uses color thresholds to represent population percentages across eight sectors, with a legend explaining the color scale. The visualization is built with D3.js (v5) and uses `d3.geoMercator` projection, `d3.geoPath`, and `d3.scaleThreshold` for color mapping. Data is loaded from a CSV via `d3.csv` and aggregated by sector. The map supports zooming via a custom D3 zoom component.

AAleOG

85% match

Loading thumbnail…

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

80% match

Loading thumbnail…

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

This choropleth map of Spain overlays bubble markers on each province to compare COVID-19 cases and vaccination rates. Circle size encodes case counts via `d3.scaleSqrt`, while fill color uses `d3.scaleSequential` with `d3.interpolateRdYlBu` for vaccination percentages. The map is rendered with `d3.geoMercator` and `d3.geoPath` from TopoJSON data, with interactive tooltips and legend components built from `d3.csv` data and custom SVG groups.

Mmartajimpac

75% match

Loading thumbnail…

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

75% match

Loading thumbnail…

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.

LLuisSevillano

74% match

Loading thumbnail…

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.

LLuisSevillano

74% match

Loading thumbnail…

Map of Spain

This visualization displays a map of Spain using D3.js version 5. It loads world country geometries in TopoJSON format from the world-atlas package and extracts the feature for Spain. The code applies a geoMercator projection fitted to a 960×500 pixel viewport, then renders the country outline as a single SVG path using d3.geoPath. The map appears without additional styling, showing only the vector boundary of the Spanish territory.

RRamya19-hub

72% match

Loading thumbnail…

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.

LLuisSevillano

72% match