mapa aragon

100%

✓ Published0🌍 Public

Last edited May 2, 2023

Created on Apr 28, 2023

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.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

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

80% match

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

79% 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

73% match

Loading thumbnail…

D3 Plot population Aragon

This visualization displays population trends across Aragon's counties over time, using a multi-line chart where each line represents a different county. The data, loaded from a CSV file, is filtered to show the central region. The implementation uses D3 v7 with a custom `linePlot` module, employing scales like `scaleTime` and `scaleLinear`, along with `d3.line` and `d3.axisBottom`/`d3.axisLeft`. An interactive tooltip appears on mouseover, though its data-point lookup logic is incomplete.

AAleOG

73% 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

71% match

Loading thumbnail…

Anv_ICE8_Argentina_(Topojson)

This example displays a choropleth-style map of Argentina’s provinces and departments, rendered with a Transverse Mercator projection and interactive zoom. The map shows administrative boundaries filled in green, with a title tooltip revealing each department’s name and province on hover. It uses D3’s `geoPath`, `geoTransverseMercator`, and `zoom` APIs, along with TopoJSON’s `feature` method, to load and draw geographic data from a GitHub-hosted JSON file. The SVG output includes a styled ocean sphere and country paths.

AAnvesh Chinta

71% 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

70% match

Loading thumbnail…

Argentina Map

A Choropleth-free map of Argentina displays all departmental boundaries, colored with a solid red fill and blue ocean background, with hover effects turning regions pink. The visualization uses a Transverse Mercator projection via `d3.geoTransverseMercator`, rendered through `d3.geoPath` into SVG. TopoJSON data from the departamentos_argentina GitHub repository feeds the paths, while `d3.zoom` enables pan and zoom interactions.

MMar-99

69% match