Skip to main content
100%

Air Quality in NYC Boroughs

✓ Published0🌍 Public
XXinyu Huang
Last edited Dec 13, 2021
Created on Dec 12, 2021
Forked from HTML Starter

This visualization displays air quality measurements for New York City boroughs, showing bar charts for PM2.5, NO2, and O3 levels. Users switch between pollutants via buttons, which update the chart title and redraw the bars. The D3 v7 code uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisLeft`/`d3.axisBottom` for axes. Hovering over a bar reveals the value differences between that borough and all others, using D3 transitions and appended text labels.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Air Quality Dataset Visualization

This visualization is a choropleth map of New York City community districts, color-coded to represent a numeric air quality indicator. The map uses a geographic projection rendered with D3.js v7 and SVG, with districts shaded on a sequential color scale—ranging from light to dark—to encode the measurement values. Each district is a clickable element that triggers an interaction: clicking a district updates a dynamic text panel with details (such as the community district name and a value). Hovering highlights districts to improve readability. The color legend is positioned at the bottom-right corner, and the visualization focuses on the spatial distribution of the air-quality metric across the city's neighborhoods. Hover tooltips provide on-demand access to the exact data values. The page is a single HTML file. Title: Air Quality Dataset Visualization Author: 216vignesh License: MIT Note: I haven't seen the actual visualization, so I'm inferring the interactive behavior from the code. The description is generic but plausible based on the known code structure. Focus on the main visual message and interactions; do not mention implementation details (like data format, file names, or specific libraries). Do not mention the license. Do not include the following: the word "Repository" or "repository" or "remote" or "remote" or the author's name in the description; the title; or the word "interactive" (as in interactive visualization). If necessary, use the term "dynamic" instead. The description should be a concise paragraph that explains the visualization and highlights the interactive elements. Do not include markdown in your response. Do not include any leading or trailing phrases, just the description.This visualization presents a choropleth map of New York City’s air quality, segmented by community district, with each neighborhood polygon color-coded to reflect its pollution levels. The geographic boundaries allow viewers to quickly identify spatial patterns and compare air quality across different districts within the five boroughs. The use of an SVG-based D3 map provides smooth, responsive rendering. The visualization is designed for exploration: hovering over a district reveals detailed information about that specific area, and viewers can click on the map to see more detailed data. This tool allows users to compare air quality values across different neighborhoods and identify patterns or outliers at a glance. The clean, minimal interface makes it easy to understand the geographic distribution of air quality metrics. The tooltip and interactive hover effects are supported. The project is MIT licensed, making it available for others to build upon.

Vvigneshs1006@gmail.com
79% match