Skip to main content
SimilarExport ZIP
100%

Mexico Waste Data 2018 - Choropleth

✓ Published0🌍 Public
AAndres de la Garza
Last edited Mar 25, 2021
Created on Mar 24, 2021

This interactive SVG bar chart displays the total weight of waste in kilograms for each month of 2018, using data from a remote CSV file. Built with React and D3 v6, it processes the time-series data by binning monthly values and scaling the y-axis. The visualization uses SVG rendering with axis components and interactive tooltips, providing a clear view of monthly waste trends throughout the year.

AI-generated description

Scatter Plot with time series data. All date and time data needs to follow (ISO 8601) time and date formatting for proper plotting. [https://en.wikipedia.org/wiki/ISO_8601].

MIT Licensed

Similar vizzes

Loading thumbnail…

Mexico Waste Data 2018 (Log Scale/binned)

This example shows monthly household waste totals in Mexico for 2018, binned by month and displayed as a bar chart with a log-scaled y-axis. The visualization aggregates raw date-stamped waste records into a histogram using D3’s `bin` and `sum` functions, then renders the resulting bins as SVG rectangles via React. The x-axis uses a time scale (`scaleTime`) with formatted month-day-year ticks, while the y-axis uses a linear scale (`scaleLinear`) displaying kilo values. The code builds custom `AxisBottom` and `AxisLeft` components and includes a native SVG `<title>` tooltip on each bar. Data is loaded as CSV through D3’s `csv` method.

AAndres de la Garza
88% 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
87% 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
87% 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
87% 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
86% 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
86% 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
85% match
Loading thumbnail…

Mexico Waste Data (Log Scale)

A scatter plot displays monthly waste measurements in kilograms across a year, with a logarithmic y-axis to accommodate the wide range of values. The x-axis uses a time scale with ISO 8601 date formatting. Built with React and D3 v6, the visualization uses `scaleTime` and `scaleLog`, with SVG circles representing data points. The data is loaded via `d3.csv` from a GitHub gist, and both axes are rendered using custom React components.

AAndres de la Garza
84% match