Skip to main content
SimilarExport ZIP
100%

Choropleth Map

✓ Published3🌍 Public
Ggcappadaniel
Last edited Oct 6, 2020
Created on Jun 5, 2020
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

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
95% 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
92% 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
87% 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
85% 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
75% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their income group using a categorical ordinal color scale, with hover effects highlighting individual nations. Built with D3 v5, it renders geographic boundaries as SVG paths via `d3.geoPath` and `geoNaturalEarth1`, and loads world geometry from the world-atlas TopoJSON dataset. A custom color legend displays the categories, while zooming is enabled through `d3.zoom`. Data is processed asynchronously with Promises, merging TSV metadata with TopoJSON features.

Ss-janibekova
75% match
Loading thumbnail…

Choropleth Map

A choropleth map colors countries by their income group using a categorical ordinal color scale, with hover effects highlighting individual nations. Built with D3 v5, it renders geographic boundaries as SVG paths via `d3.geoPath` and `geoNaturalEarth1`, and loads world geometry from the world-atlas TopoJSON dataset. A custom color legend displays the categories, while zooming is enabled through `d3.zoom`. Data is processed asynchronously with Promises, merging TSV metadata with TopoJSON features.

Ss-janibekova
75% match