PM 2.5 Emissions in the Metropolitan City of Cagliari

100%

PM 2.5 Emissions in the Metropolitan City of Cagliari

✓ Published1🌍 Public

Last edited Dec 2, 2021

Created on Nov 19, 2021

This chart displays daily PM2.5 emissions from multiple monitoring stations in the Metropolitan City of Cagliari, using a logarithmic y-scale to accommodate wide value ranges. A dashed threshold line marks the WHO guideline of 25 μg/m³, with tooltips showing each station’s value and its percentage above or below this limit. The visualization relies on React components and D3 v7, employing `d3.scaleLog`, `d3.line`, and `d3.Delaunay` for Voronoi-based hover detection. Hovering over any point highlights the corresponding station’s full time series in color.

AI-generated description

A Voronoi-based chart to display the data about PM emissions in the Metropolitan City of Cagliari.

MIT Licensed

Similar vizzes

Loading thumbnail…

PM Emissions in the Metropolitan City of Cagliari

This visualization displays daily average PM 2.5 and PM 10 emissions across multiple monitoring stations in the Metropolitan City of Cagliari. The chart shows time series lines with a dashed World Health Organization threshold line, using a Voronoi overlay via `d3.Delaunay` for hover detection. React manages state for pollutant selection and tooltips, while D3’s `scaleTime`, `scaleLinear`, and `line` handle scaling and path generation. Data comes from a CSV of daily emissions, rendered with SVG.

AAndrea Picciau

93% match

Loading thumbnail…

PM Emissions in the Metropolitan City of Cagliari, multilanguage

A multi-line chart displays daily average PM2.5 and PM10 emissions from monitoring stations in the Metropolitan City of Cagliari, alongside a dashed WHO threshold line. The visualization supports English, Italian, and Sardinian text. Built with React and D3, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and a Voronoi overlay for interactive tooltips on hover, highlighting values above the threshold.

AAndrea Picciau

91% match

Loading thumbnail…

PM2.5 Around the World

This visualization combines a choropleth map and line chart to explore global PM2.5 air pollution levels from 2010 to 2017. A slider selects the year, updating the map's color shading and highlighting the corresponding point on the time-series chart. Built with D3 v5, it uses `d3.geoPath` with a Natural Earth projection for the map and `d3.scaleLinear` for chart axes. The data comes from a Kaggle dataset of mean annual PM2.5 exposure for 240 countries, with missing values shown via a diagonal hatch pattern.

Rrioto9858

68% match

Loading thumbnail…

PM2.5 Around the World

This interactive visualization displays PM2.5 air pollution levels for countries worldwide from 2010 to 2017. A choropleth map, rendered using d3.geoPath and d3.geoNaturalEarth1, color-codes each country by its annual mean PM2.5 concentration. Users can select a year via a slider, which updates both the map and a line chart showing pollution trends for all countries. Hovering or clicking a country highlights its data in red on the line chart. The data is sourced from Kaggle's PM2.5 Global Air Pollution dataset.

Rrioto9858

67% match

Loading thumbnail…

My Scatterplot

This scatterplot visualizes daily PM10 emissions in Sacile, Italy, throughout 2020, with each circle representing a day’s measured average. Points are colored red when values meet or exceed the daily limit of 50, marked by a dashed red line, while gray indicates lower readings. The chart uses D3 v7 with SVG rendering, including a time-scaled x-axis, linear y-axis, and a hover tooltip that displays the exact date and value. Data is loaded asynchronously from a CSV file via `d3.csv`, and axes are generated using `d3.axisBottom` and `d3.axisLeft`.

DDanilo De Rosa

67% match

Loading thumbnail…

PM2.5 For Selected Country

This visualization shows the annual PM2.5 air pollution trend for a selected country from 2010 to 2017, with the user choosing the country via a dropdown menu. It uses D3 v5 with React, rendering an SVG line chart with axes, a color legend, and a title. The data comes from a Kaggle dataset on global air pollution, processed and structured per country. Key APIs include `d3.csv`, `scaleLinear`, `line`, `nest`, and `axisBottom`.

PPakcheera Choppradit

67% match

Loading thumbnail…

My Bar Chart

This bar chart displays average PM10 emissions during 2020 across municipalities in the Friuli Venezia Giulia region, sorted from highest to lowest values. The visualization includes a red dashed line marking the annual limit of 40 units, with a tooltip that appears on hover to show exact values for each location. Built with D3 v7, the chart uses `d3.csv` for data loading, `scaleLinear` and `scaleBand` for axes, and `d3.axisBottom` and `d3.axisLeft` for rendering. The SVG rendering includes animated transitions for tooltip opacity changes on mouse events.

DDanilo De Rosa

67% match

Loading thumbnail…

PM2.5 Around the World

This choropleth map visualizes global PM2.5 air pollution concentrations for the year 2011, using a grayscale color scale to represent exposure levels across countries. Missing data is marked with a diagonal hash pattern. The visualization uses d3.geoPath with a natural Earth projection, d3.scaleQuantize for color mapping, and d3.zoom for interactive panning. Data comes from a Kaggle dataset processed via TopoJSON and CSV files, with a custom colorLegend component displaying the value ranges for each shade.

Rrioto9858

67% match