Skip to main content
SimilarExport ZIP
100%

Final Project Chloropleth Map

✓ Published2🌍 Public
Aahuynh8@dons.usfca.edu
Last edited Apr 12, 2024
Created on Apr 12, 2024

This choropleth map visualizes 2023 barley exports to the US in thousands of metric tons, using a threshold color scale with five green shades to represent export ranges. The map renders country boundaries as SVG paths via `d3.geoPath` with a `d3.geoAlbers` projection, drawing from TopoJSON world-atlas data. Export values are loaded from a CSV and matched to country names, with a `d3.legendColor` legend displaying the categorical scale. The visualization relies on D3 v6 and the d3-legend plugin, with data encoded through `d3.scaleThreshold` and `d3.schemeGreens`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Final Project Import/Export Bar Graph

This chart displays U.S. grain exports and imports for the year 2023, with horizontal bars for each grain type plotted side-by-side against separate linear scales for exports and imports. Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load annual data from two remote CSV files, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the quantitative values. D3 legend and topojson libraries are also included, though the legend is not visibly used in the final rendering.

Aahuynh8@dons.usfca.edu
77% match
Loading thumbnail…

Assignment 9 World Chloropleth Map

This example presents a world choropleth map visualizing crude death rates per 1000 population in 2012, with countries colored using a threshold scale and green color scheme. A legend and title clarify the metric, while interactive tooltips display each country’s exact value on mouseover. Built with D3 v6, it uses d3.csv to load UN data, d3.json with topojson to fetch world country geometries, and d3.geoPath with a geoAlbers projection to render SVG paths. A d3.legendColor component generates the color legend.

Aahuynh8@dons.usfca.edu
74% match
Loading thumbnail…

d3 choropleth map

This animated choropleth map visualizes hypothetical country-level data across the years 2008–2013. Built with D3 v3 and rendered in SVG, the map uses a color scale to encode numeric values from a CSV dataset, with each country's fill transitioning as users step through time. The visualization includes a year selector and animated transitions, allowing viewers to observe changing patterns across countries over time. The map is accompanied by a tooltip displaying the country name and its value for the currently selected year.

AAjar06
73% match
Loading thumbnail…

D3 - World Choropleth

This example displays a world choropleth map of population in 2023, using a Mercator projection and a yellow-to-red sequential color scale to represent each country’s population. The map is rendered as SVG paths, with a tooltip that appears on hover showing the country name and population. The code loads GeoJSON and CSV data via D3’s `d3.queue` and `d3.json`/`d3.csv` APIs, and it builds the choropleth using `d3.geoPath` with a projected path generator. A legend is added using the `d3.legend` library, and the project utilizes D3 v4, `d3-scale-chromatic` for the color interpolation, and `d3-geo-projection` for the map projection.

CChandana Srinivas
73% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes a socioeconomic metric across countries, using a spectral color scale to encode each nation's value from the provided CSV dataset. The map employs D3's `geoPath` and `geoNaturalEarth1` projection to render world country boundaries from the world-atlas TopoJSON, with a custom `colorLegend` showing the scale. Hovering highlights a country in red, and the visualization supports zooming via `d3.zoom`.

Nnouralkhoury
73% match
Loading thumbnail…

d3 Choropleth map

This choropleth map shows U.S. counties colored by their 2023 population estimates, using a logarithmic threshold color scale with seven blues to reveal regional population patterns. It loads population data from a CSV and county boundaries from a TopoJSON file via Promise.all, then renders the map using d3.geoPath on SVG paths. The fill color is assigned per county using d3.scaleThreshold and FIPS codes, with a d3.legendColor legend and a title clarifying the data shown.

Ccwb314159@gmail.com
73% match
Loading thumbnail…

Chloropleth Map

This choropleth map visualizes world countries with a natural Earth projection, coloring each nation light green and highlighting it red on hover. The visualization loads geographic data from the world-atlas TopoJSON and tab-separated country names, merging them by ID before rendering. Using D3 v5’s `geoNaturalEarth1` projection and `geoPath` generator, it draws SVG paths for each country, while TopoJSON’s `feature` API converts the topology into GeoJSON. A semi-transparent black stroke outlines national borders, and a blue sphere background represents the globe. Tooltips display country names via appended `title` elements.

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