Unhealthy AQI for SO2 in Texas

100%

Unhealthy AQI for SO2 in Texas

✓ Published0🌍 Public

Last edited Apr 7, 2023

Created on Apr 7, 2023

A bar chart shows the count of days in Texas falling into four AQI categories for sulfur dioxide, from Good to Unhealthy. The chart is built with D3 v5, using `d3.scaleBand` and `d3.scaleLinear` for axes, and SVG elements for rendering. Hovering over a bar dims other values, highlights the selected bar, draws a dashed threshold line via a dynamically appended `line`, and displays the numeric difference between each category and the hovered one.

AI-generated description

A whole smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Unhealthy AQI for PM2.5 in Texas

This visualization shows the ten most common categories of unhealthy Air Quality Index (AQI) days for PM2.5 pollution in Texas, presented as a pie chart with a legend listing each category and its corresponding day count. The data is loaded from a CSV file and sorted in descending order before rendering. Using D3 v5, the code employs `pie`, `arc`, and `scaleOrdinal` with `schemeCategory10` to generate the chart and legend. The visualization is built with React, rendered as SVG, and includes interactive mouseover logging to the console.

Llibramanju

82% match

Loading thumbnail…

Pollution ratings in different parts of City

This stacked bar chart shows pollution rating distributions across six Texas cities, with each bar segmented into five pH-level categories from below 5.0 to above 8.5. The visualization uses d3.stack() to compute the stacked series, d3.scaleOrdinal with a categorical color palette for the rating bands, and d3.scaleBand for the city axis. Hover interactions on individual rectangles trigger a custom tooltip displaying the exact percentage for that rating category, while the legend identifies each segment’s color. Data is loaded from a CSV file using d3.csv, and the chart is rendered as SVG with margins, axes, and labels configured through D3 selection methods.

VVinay Vemuri

71% match

Loading thumbnail…

Fork of Making a Bar Chart

This visualization displays the daily Air Quality Index (AQI) values for two pollutants, NO2 and Ozone, as horizontal bars. It shows how AQI levels fluctuate over time for each pollutant type, with the x-axis representing AQI values and the y-axis listing pollutant categories. The chart uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG, with data loaded from a local CSV file. Custom axis label formatting is applied using D3's `format` function, and the chart includes a title and axis label for the AQI value.

CChase Hall

67% match

Loading thumbnail…

Example AQI Data in Bar Graph

This bar graph displays the Air Quality Index (AQI) values for various pollutants in Maine, with each pollutant represented as a horizontal bar whose length corresponds to its AQI measurement. The visualization uses React with D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. SVG rectangles are rendered for each bar, with axes created through custom `AxisBottom` and `AxisLeft` components. The data is loaded asynchronously from a CSV file using D3’s `csv` function, and hovering over a bar reveals its exact AQI value via a tooltip.

CChase Hall

67% match

Loading thumbnail…

AQI Data in America by State

A choropleth map of the United States colors each state by its average Air Quality Index (AQI) value, using a quantile color scale ranging from green to red. A linked time-series histogram below displays monthly mean AQI values, with a brushable interface that filters the map’s state colors based on the selected date range. The visualization uses React and D3 v5, with `d3.geoAlbersUsa` and `d3.geoPath` for map rendering and `d3.brushX` for interactive filtering. Data comes from a CSV of ozone samples collected nationwide.

CChase Hall

66% match

Loading thumbnail…

Example AQI Data Per Day of the Week

This interactive bar chart displays Air Quality Index (AQI) values for three pollutant types (Ozone, PM2.5, and PM10) across each day of the week. The visualization updates dynamically when users click buttons for Monday through Sunday, swapping between seven pre-defined datasets. Built with d3.v4, the code uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and a custom `d3.scaleQuantile` color scale with a purple sequential palette. The SVG rendering includes animated transitions when data changes, with button focus states managed through CSS.

CChase Hall

65% match

Loading thumbnail…

AQI (or any data) Data in America by State

This interactive visualization combines a choropleth map of the United States with a linked time-series histogram to explore Air Quality Index (AQI) data by state. The map, rendered with d3.geoPath and geoAlbersUsa, colors each state using a quantile scale based on AQI values. The histogram below aggregates daily readings into monthly bins, and users can brush across it to filter the map’s coloring. Built with React and d3.v5, it loads CSV data from a GitHub gist and US state boundaries from a TopoJSON file.

TToly

65% match

Loading thumbnail…

Fork of AQI Data in America by State

This interactive visualization presents daily AQI measurements across U.S. states on a choropleth map, where each state’s fill color reflects its average AQI using a quantile color scale. A linked date histogram below enables brushing to filter the map to a selected time range, with the map updating to show only those states’ data. Built with React and D3 v5, it uses `d3.geoAlbersUsa` and `d3.geoPath` for map projection, `d3.scaleQuantile` for coloring, and `d3.brushX` for interactive selection. The data comes from a CSV file loaded via `d3.csv`.

EEarnAnurat

65% match