DONT EDIT mexico Waste 2018 Choropleth (Starter) Map

100%

DONT EDIT mexico Waste 2018 Choropleth (Starter) Map

✓ Published2🌍 Public

Last edited Jul 3, 2021

Created on Mar 24, 2021

Forked from Fork of Mexico Waste 2018 Choropleth 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.

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

93% match

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

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

92% match

Loading thumbnail…

Mexico Waste 2018 Choropleth Pass4

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.

AAndres de la Garza

92% match

Loading thumbnail…

Fork of Mexico Waste 2018 Choropleth Map

This choropleth map visualizes waste generation across Mexican states for 2018, using color intensity to represent WasteKgs values from a CSV dataset. The map renders state boundaries and graticules using `d3.geoPath` with a Mercator projection, while the topojson geometry is loaded from a gist. React manages state for both the geographic and waste datasets, with a sequential color scale displaying the data, though color values are not currently applied to map paths in the visible code.

AAndres de la Garza

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

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

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

90% match