Skip to main content
SimilarExport ZIP
100%

USA Air Pollution

✓ Published0🌍 Public
SSonuSriN
Last edited Apr 16, 2022
Created on Apr 11, 2022
Forked from HTML Starter

This dashboard visualizes USA air pollution data through an interactive Tableau embed. It shows pollution metrics across the United States, with the visualization displayed via the Tableau JavaScript API. The code uses `tableau.Viz` to load the public Tableau workbook, while the `initViz()` function and `dashboard.js` manage the embed. The dashboard is rendered in a HTML container, with styling handled through CSS and interactivity through JavaScript. The embedded view supports full dashboard controls, including toolbar and animations, as configured in the embed parameters.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pollution in US with counties by React and d3

This interactive choropleth visualizes PM2.5 pollution levels across US counties from 2000 to 2018. Users can drag a vertical slider or press a play button to animate through years, with county colors transitioning smoothly via the sequential `d3.interpolateYlGnBu` scale. Built with React and D3 v5, it uses `d3.geoPath` and `geoIdentity` projection to render county boundaries from the US Atlas TopoJSON, while county pollution data is loaded from a CSV and mapped to each feature. The legend displays the concentration range, and hovering over a county reveals its name and value.

Ggeorgeeeee
70% match
Loading thumbnail…

Pollution Around America and Over Time

A choropleth-free bubble map displays air quality index measurements across the United States, with circles overlaid on state boundaries rendered via `d3.geoAlbersUsa` and `d3.geoPath`. A brushed time-series histogram beneath the map uses `d3.brushX` and `d3.bin` to filter the circles by collection date, updating the map dynamically. Data comes from a CSV of ozone readings, while state outlines derive from TopoJSON via the `feature` and `mesh` APIs. SVG elements render all visuals within a React framework.

CChase Hall
70% match
Loading thumbnail…

USA pm25 pollotion

This interactive choropleth map displays PM2.5 pollution concentrations across US counties from 2018 to 2021. A sequential color scale using d3.interpolateReds shades counties, with a slider and play button animating through years. Built with React and d3-array, the visualization uses d3.geoPath and geoIdentity projection to render county boundaries from US Atlas TopoJSON data. A color legend with a linear gradient shows the concentration scale, and hovering reveals county names and values via SVG titles.

PPavan Nimmagadda
68% match
Loading thumbnail…

Hanumanth

This example presents an interactive dashboard for exploring air pollution data across Indian states. It uses D3.js (v6) with SVG rendering to display multi-line charts tracking yearly levels of pollutants like SO2, NO2, RSPM, and SPM for a selected state via a dropdown menu. It also renders bar charts using `d3.rollups` and `d3.mean` to compare average pollutant concentrations across states. The data is loaded from a CSV file using `d3.csv`.

SSiddhardha
68% match
Loading thumbnail…

Pollution in US with counties by React and d3

This choropleth map displays PM2.5 air pollution concentrations across US counties for the year 2000, with counties lacking data rendered in grey. Built with React and d3.v5, the visualization uses `d3.geoIdentity` and `d3.geoPath` to project county boundaries from a TopoJSON atlas, while a `d3.scaleSequential` with an `interpolateYlGnBu` color scheme encodes pollution values. The data originates from a CSV file of county-level PM2.5 measurements, filtered through a custom React hook and passed as a Map to the SVG marks component.

AAbdul Salam Almadani
67% match
Loading thumbnail…

109550187_HW7

This interactive visualization shows air pollution levels across multiple monitoring stations, displaying daily average concentrations for six pollutants (SO2, NO2, O3, CO, PM10, PM2.5) as a series of stacked horizon charts. Users select a year and band number via dropdown menus, which updates React state and triggers D3 to re-render the SVG. The code uses `d3.csv` to load air pollution data from a remote server, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.mean` to aggregate hourly measurements into daily averages. Each pollutant uses a distinct color scheme, with bands overlaid to encode magnitude.

Ppatricknicholas27@gmail.com
67% match
Loading thumbnail…

Two Decades of Pollution in US with menus

This interactive choropleth map displays PM2.5 concentration across US counties for each year from 2000 to 2004, with a React-driven dropdown menu to switch between annual datasets. The visualization uses Vega-Lite’s `markGeoshape` with an Albers USA projection, joining county-level pollution data from a CSV via `vl.lookup`, and encodes concentration values with a clamped color scale. React’s `useState` and a custom `Dropdown` component control the selected year, triggering a re-render of the Vega view. The underlying data comes from the PM2.5 by County dataset, with styling drawn from d3’s `hcl` color utilities.

Ggeorgeeeee
67% match
Loading thumbnail…

Fork of Pollution in US with counties by React and d3

This choropleth visualizes PM2.5 air pollution concentrations across US counties from 2000 to 2018, with a slider and play button animating through years. County colors map to concentration values via a quantile scale, while county and state boundaries are rendered using d3.geoPath with TopoJSON data from the US Atlas. React manages the interactive year state, and d3 provides the color interpolation and legend scales. Hovering reveals county names and exact values through SVG titles.

CChase Hall
67% match