Skip to main content
SimilarExport ZIP
100%

Mexico Waste Data (Log Scale)

✓ Published1🌍 Public
AAndres de la Garza
Last edited Mar 24, 2021
Created on Mar 23, 2021

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.

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

Mexico Waste Data 2018 - Choropleth

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.

AAndres de la Garza
84% match
Loading thumbnail…

Fork of Scatter Plot With Menus v1 (Mexico Data)

This interactive scatter plot visualizes Mexican waste data, allowing users to explore relationships between Month, Zona, and WasteKgs. Built with React and D3 v6, it renders circles as SVG marks within a Cartesian coordinate system. The chart features two dropdown menus that dynamically update the x and y axes, with tick marks and labels generated by the custom `AxisBottom` and `AxisLeft` components. Data is loaded asynchronously from a CSV file using D3's `csv` function, and scales are computed with `scaleLinear` and `extent`.

AAndres de la Garza
80% 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
79% 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
77% match
Loading thumbnail…

Scatter Plot - RDG2018

This scatter plot displays monthly waste measurements in kilograms (WasteKgs) for 2018, sorted by month. The visualization uses React with D3 v6 for scales and SVG rendering, loading CSV data from a GitHub gist. It employs `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with reusable axis components and circle marks that include native SVG tooltips via the `<title>` element. Custom Poppins typography and teal circle styling give the chart a clean, modern appearance.

AAndres de la Garza
77% 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
77% 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
76% match