Skip to main content
SimilarExport ZIP
100%

Mexico Waste 2018 Choropleth Pass4

✓ Published2🌍 Public
AAndres de la Garza
Last edited Mar 27, 2021
Created on Mar 25, 2021

This choropleth displays municipal solid waste generation across Mexican states for 2018, using a viridis sequential color scale to encode kilograms of waste with a blue fill for missing data. The visualization renders geographic boundaries via d3.geoPath with a geoMercator projection, driven by TopoJSON state geometries from ArcGIS data. React manages the component lifecycle, while d3.csv loads the waste dataset and d3.scaleSequential handles color mapping, with an accompanying linear gradient legend documenting the scale in kilograms.

AI-generated description

used arcgis.com data for plotting states and boundaries mapshaper.org to create JSON of states witin mexico using mercator projection Still need to center on the rendered image

MIT Licensed

Similar vizzes

Loading thumbnail…

Mexico Waste 2018 Choropleth Pass3

This choropleth maps municipal solid waste generation across Mexican states for 2018, with each state filled according to its total waste in kilograms using a viridis sequential color scale. Missing data appears in blue, while graticules and state interiors are drawn as SVG paths. The visualization uses d3.geoMercator and d3.geoPath for geographic projection, with TopoJSON data from arcgis.com converted via mapshaper. React manages state and lifecycle, loading CSV waste data and zone metadata through d3.csv.

AAndres de la Garza
98% match
Loading thumbnail…

Mexico Waste 2018 Choropleth Pass1

This choropleth displays waste generation across Mexican states for 2018, with each state colored according to its WasteKgs value using a sequential YlOrRd scale, though missing data is currently rendered as uniform gray. The visualization loads state boundaries from a TopoJSON file via d3.json and converts them to GeoJSON using topojson.feature, while a mesh outlines internal borders. React manages the data-fetching hooks and SVG rendering, with d3.geoMercator projection and d3.geoPath drawing the geographic shapes and graticule grid.

AAndres de la Garza
96% match
Loading thumbnail…

Mexico Waste 2018 Choropleth Map

This choropleth map visualizes waste generation (in kilograms) across Mexican states for 2018, using a sequential color scale to encode values. The geographic data comes from ArcGIS via a TopoJSON file processed with TopoJSON’s `feature` and `mesh` APIs, while waste data is loaded from a CSV using `d3.csv`. The map uses a Mercator projection with `d3.geoMercator` and renders paths via `d3.geoPath`. Built in React with D3 v6, it includes an SVG render and a graticule layer for spatial reference.

AAndres de la Garza
94% match
Loading thumbnail…

Fork of Mexico Waste 2018 Choropleth Pass2

This choropleth maps municipal solid waste generation across Mexican states using a Mercator projection, with a sequential viridis color scale encoding waste kilograms from a 2018 dataset. The visualization renders geographic boundaries and graticules via `d3.geoPath` and `d3.geoGraticule`, while React manages state and data loading through custom hooks. State geometries come from TopoJSON processed with `topojson.feature` and `topojson.mesh`, and the color encoding uses `d3.scaleSequential` with `d3.interpolateViridis`. Missing regions appear blue, and CSV data is fetched and parsed with `d3.csv`.

AAndres de la Garza
94% match
Loading thumbnail…

Fork of Mexico Waste 2018 Choropleth Pass4

This choropleth maps waste generation in kilograms across Mexican states for 2018, using a viridis sequential color scale to encode values from the waste dataset. It renders geographic boundaries with the `geoMercator` projection and `d3.geoPath`, applying distinct styling to state interiors and graticules for visual clarity. The visualization is built with React, loading TopoJSON state geometries and CSV waste data, while a custom legend with linear gradient ticks displays the mapping from color to waste quantities. Missing data regions appear in blue, and a tooltip context is prepared for potential interactivity.

00rtiz
93% match
Loading thumbnail…

Mexico Waste 2018

This choropleth map shows the total kilograms of waste generated by each Mexican state in 2018. The visualization uses a viridis color scale, ranging from dark purple for lower waste amounts to bright yellow for higher amounts, with pink indicating missing data. Built with React and D3 v6, it projects the map using a Mercator projection via `d3.geoPath` and `d3.geoMercator`. State boundaries come from a TopoJSON file processed with `topojson.feature`, while waste data is loaded from a CSV using `d3.csv`.

SSaikiran2029
92% match
Loading thumbnail…

DONT EDIT mexico Waste 2018 Choropleth (Starter) Map

This choropleth map displays waste generation in kilograms across Mexican states for 2018, with each state shaded according to its waste data value. The visualization uses a Mercator projection via `d3.geoMercator` and renders state boundaries and interiors with `d3.geoPath` and topojson mesh data. Geographic data comes from ArcGIS and is processed through mapshaper, while waste statistics are loaded from a CSV file. React manages the component lifecycle, with d3 v6 handling geographic projections and path generation for the SVG-based map.

AAndres de la Garza
92% match
Loading thumbnail…

Fork of Mexico Waste 2018 Choropleth Pass3

This choropleth maps municipal solid waste generation across Mexican states for 2018, using a Mercator projection via `d3.geoMercator` and rendering boundaries with `d3.geoPath`. State-level waste values are encoded with a sequential Viridis color scale, while a graticule and interior mesh provide geographic context. The visualization loads GeoJSON and CSV data through React hooks and `d3.json`/`d3.csv`, with missing states filled in blue. The SVG is generated from TopoJSON data processed by `topojson.feature` and `topojson.mesh`, with a color legend displayed as an external image.

Vvigneswaran009
92% match