mapa Aragón usuarios de SAS

100%

mapa Aragón usuarios de SAS

✓ Published0🌍 Public

Last edited May 11, 2023

Created on May 11, 2023

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.

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

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

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

65% match

Loading thumbnail…

Fork of Choropleth Map Argentina Dptos Corona (Topojson)

This choropleth map visualizes COVID-19 cases per department in Argentina, using a logarithmic color scale from light beige to deep purple. The map is rendered with SVG paths via d3.geoPath, using a d3.geoTransverseMercator projection, and supports zooming through d3.zoom. It loads TopoJSON data from a GitHub repository, displays hover tooltips with department and case details, and includes a gradient legend and logarithmic axis. The code uses d3-scale, d3-geo-projection.v2, and topojson, with d3.queue for data loading.

PPablo Godoy

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

64% match

Loading thumbnail…

Fork of Choropleth Map Argentina Dptos Corona (Topojson)

This choropleth map displays COVID-19 cases per department across Argentina, coloring each administrative region on a log scale from purple to light yellow. The visualization uses a Transverse Mercator projection via d3.geoTransverseMercator and renders paths with d3.geoPath in SVG. Interaction includes zooming via d3.zoom and hover effects that change fill color. A legend shows the logarithmic color gradient with a custom axis using d3.axisRight, while the data originates from a TopoJSON file of Argentine departments with case counts. The map also includes a rotated projection centered on the country.

MManohar Kowthavarapu

64% match

Loading thumbnail…

asg 2

This visualization displays a 2015 world map of internet users per 100 people, using data from a Kaggle dataset. Countries are shaded with a sequential green color scale based on percentage ranges, with hover tooltips showing exact values and a color legend at the left. The map uses d3.geoNaturalEarth1 projection, d3.geoPath, and d3.geoGraticule for rendering, while d3.zoom enables interactive pan and zoom with stroke-width adjustment. Missing data appears light gray, and hover states highlight countries in blue.

Mmavercikalvin

63% match

Loading thumbnail…

Fork of Choropleth Map Argentina Dptos Corona

This choropleth map displays confirmed COVID-19 cases across Argentine departments, using a logarithmic color scale from blue to red to represent case counts. The visualization renders geographic boundaries as SVG paths via d3.geoPath with a Transverse Mercator projection, and features zoom and pan controls via d3.zoom. Hovering a department triggers a CSS pink highlight and reveals a tooltip with the department name, province, and case total. The map reads TopoJSON data from a GitHub-hosted United Kingdom counties file, with the fork repurposing that geometry for Argentina.

SShivaPriyad

63% match