Fork of Fork of Mexico Waste 2018 Choropleth Map

100%

Fork of Fork of Mexico Waste 2018 Choropleth Map

✓ Published0🌍 Public

Last edited Apr 7, 2021

Created on Apr 6, 2021

Forked from Fork of Mexico Waste 2018 Choropleth Map

A choropleth map of Mexico displays waste generation in kilograms per state for 2018, with a sequential yellow-orange-red color scale. The map is rendered using an SVG projection via the `d3.geoMercator` and `d3.geoPath` APIs, using state boundaries from a TopoJSON file. Graticules are drawn with `d3.geoGraticule`. State waste data is loaded from a remote CSV and mapped to colors using `d3.scaleSequential`. The visualization is built with a React framework and uses the `topojson` library for geographic feature extraction.

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…

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

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

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

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

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

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

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

90% match