Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published0🌍 Public
Ggcappadaniel
Last edited Jun 9, 2020
Created on Jun 7, 2020
Forked from Choropleth Map

This choropleth map displays Venezuelan presidential election results at the municipal level. The map is colored according to the percentage of votes received by the leading candidate in each municipality, using a diverging color scale. Hovering over a municipality reveals a tooltip with detailed vote counts and percentages for the top two candidates and other votes. The visualization uses D3 v5 with `geoNaturalEarth1` projection, `geoPath` for rendering SVG paths, `scaleThreshold` for color mapping, and TopoJSON for geographic data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map

A choropleth map of Venezuelan presidential election results colors each state by the winning candidate’s vote percentage using a red-blue diverging scale over ten bins. Built with D3 v5, it projects municipality boundaries via `geoNaturalEarth1` and `geoPath`, and renders interactive SVG paths. Hovering reveals a tooltip with candidate, vote counts, and percentages for the top three candidates from CSV data. The map reuses a TopoJSON geometry collection with the `feature` API.

Ggcappadaniel
95% match
Loading thumbnail…

Choropleth Map

This choropleth map shows the results of a Venezuelan presidential election by state, using color to indicate the percentage of votes for a particular candidate. The map encodes data from the CSV file onto geographic regions defined by the TopoJSON `estados.json` file, with the `d3.geoPath` and `geoNaturalEarth1` projection rendering the SVG paths. Colors are assigned using a threshold scale with a red-blue scheme, and hovering over a state displays a tooltip with the state name and vote percentage, powered by D3 event handlers.

Ggcappadaniel
93% match
Loading thumbnail…

Choropleth Map

A choropleth map of Venezuela's Amazonas state colors each municipality by the winning candidate's vote share, using a threshold color scale with a red-blue diverging palette. Hovering reveals a tooltip with election results per candidate, votes, and percentages. The visualization leverages D3 v5's `geoNaturalEarth1` projection, `geoPath`, `scaleThreshold`, and TopoJSON to render SVG paths, while loading and joining CSV election data with geospatial features via `d3.csv` and `topojson.feature`.

Ggcappadaniel
91% match
Loading thumbnail…

Choropleth Map

A choropleth map of Venezuelan parishes colors regions by population density using a red-purple sequential scale. Hovering a parish reveals a tooltip with its name and population count. The visualization uses D3 v5 with `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering TopoJSON geometry, and a threshold scale for color encoding. Parish data merges external CSV values with the TopoJSON file.

Ggcappadaniel
86% match
Loading thumbnail…

Untitled

A choropleth map of Venezuelan states shows each state’s percentage of votes for the first candidate in an election, using a threshold color scale from a blue sequential scheme. The visualization loads geographic boundaries from a TopoJSON file and tabular vote data from a CSV, then draws the map as SVG paths with `d3.geoPath` and a Mercator projection. The code applies a `d3.scaleThreshold` to map vote percentages to colors, with the fill for each state set based on its `porcentaje_1` value.

Ggcappadaniel
85% match
Loading thumbnail…

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.

LLuisSevillano
72% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes country-level scalar data using color-coding over a geographical projection. Built with D3.js, it renders SVG paths from TopoJSON world data, with the projection handled by `d3.geoPath` and `d3.geoNaturalEarth1`. The map assigns colors based on a `scalerank` attribute using a `d3.scaleOrdinal` color scale, while a supplementary color legend displays the mapping. Interactivity is included via a zoom feature, and hovering over a country highlights it and displays a tooltip with its name and value.

SSean Ye
72% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by economic grouping, with a legend of colored circles and a natural Earth projection. It uses d3.geoPath, d3.geoNaturalEarth1, d3.scaleOrdinal with schemeSpectral, and d3.zoom for panning. The code loads world atlas TopoJSON and TSV data via topojson.feature, rendering country paths as SVG with hover highlighting.

Ggorfoula
72% match