Choropleth Map

100%

Choropleth Map

✓ Published0🌍 Public

Last edited Jun 6, 2020

Created on Jun 6, 2020

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.

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

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

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

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

82% match

Loading thumbnail…

State Choropleth

This visualization shows a choropleth map of the United States colored by the margin of victory in the 2012 presidential election, with blue representing Democratic wins and red for Republican wins. It also uses a striped pattern to indicate states without data. The map is rendered with SVG using D3 v3 and the `d3.geo.path` API, with geographic data loaded via TopoJSON and the queue library. A linear color scale maps electoral vote differences, and a d3-legend color legend displays the scale.

SSpaceActuary

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

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

73% match