Skip to main content
SimilarExport ZIP
100%

Fork of Mexico Waste 2018 Choropleth Pass4

✓ Published0🌍 Public
00rtiz
Last edited Jun 6, 2021
Created on Jun 6, 2021

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.

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 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
97% 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
96% 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
96% match
Loading thumbnail…

Fork of 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.

AAndres de la Garza
95% 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
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 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
90% match