London Average Air Quality Levels Data

100%

London Average Air Quality Levels Data

✓ Published0🌍 Public

Last edited Nov 5, 2018

Created on Sep 4, 2018

This example prints a summary of a data table containing monthly average air quality levels in London from January 2008 to August 2018. It displays the number of rows, columns, and file size, followed by the first 10 rows of data. The code uses D3 v5’s `csv` function to load the data and `csvFormat` to calculate its size, then appends the text to the page using `select`. The data originates from the London Datastore.

AI-generated description

This program prints a summary of a data table.

This data is about the monthly average air quality in London starting in January 2008 until August 2018.

This data comes from the London Datastore London Average Air Quality Levels.

MIT Licensed

Similar vizzes

Loading thumbnail…

London Air

This visualization displays monthly air quality measurements in London from January 2010 through August 2018, sourced from the Kings College London Air Quality Dataset. Users can change the pollutant displayed via a dropdown menu, and interact with two legends to filter data by month or by measurement type (Roadside or Background). The scatter plot uses time-series animation to draw the data points, with color encoding for the month and stroke encoding for the location type. The D3.js code (v5) uses `d3.csv`, `d3.scaleOrdinal`, `d3.scaleTime`, `d3.axisBottom`, `d3.axisLeft`, and `d3.transition` to build the interactive SVG visualization.

WW9183907

79% match

Loading thumbnail…

London Air

This visualization displays monthly air quality measurements from the Kings College London dataset, plotting pollutant concentrations over time with circles colored by year and outlined by measurement type. The chart includes interactive legends that filter data by color or stroke value, a dropdown menu to select pollutant columns, and hover tooltips showing readings. Built with D3 v5, it uses scales for color and time axes, transitions for animated updates, and separate legend components for year and measurement type.

WW9183907

77% match

Loading thumbnail…

London Air

This scatter plot visualizes monthly air quality measurements from the Kings College London Air Quality Dataset, showing pollutant levels over time from January 2010 through August 2018. Users select a pollutant from a dropdown menu to update the y-axis, click color-coded month and type legends to filter data points, and hover over circles to see tooltips with values. The visualization uses d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal with interpolateBuPu for the color palette, and animated transitions triggered by axis updates.

KKCachel

76% match

Loading thumbnail…

London Air Quality Scatter Plot

This scatter plot visualizes average monthly roadside ozone and nitrogen dioxide readings in London from January 2010 through August 2018, sourced from the Kings College London Air Quality Dataset. Each magenta circle represents one month, with ozone on the x-axis and nitrogen dioxide on the y-axis. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while `csv` loads the data. The SVG rendering includes custom tick styling and axis labels, with semi-transparent circles to reveal overlapping data points.

KKCachel

75% match

Loading thumbnail…

Public Transport Journeys by Type of Transport London Data

This example loads a CSV file of London public transport journey data from the London Data Store and prints a text-only summary of the dataset. The visualization directly displays the number of rows, columns, and kilobytes of the CSV, followed by the first 10 rows as a JSON string. Using the `d3.csv` function to parse the data, the program applies `d3.select` to append `<pre>` elements to the body, showing the raw metadata and sample records. The page features a green-on-black terminal aesthetic defined by custom CSS.

KKCachel

74% match

Loading thumbnail…

Fork of London Air

This interactive scatter plot visualizes monthly air quality measurements from the London Datastore (January 2010–August 2018), showing pollutant levels over time. Users can select which pollutant to display on the y-axis via a dropdown menu, while the color legend encodes the month and a second legend distinguishes Roadside versus Background measurement types. Built with D3 v5, the visualization uses `scaleOrdinal`, `scaleTime`, and `scaleLinear` for encoding, with clickable legends, animated transitions, and interactive tooltips. The color legend supports filtering by clicking, and the stroke legend uses `transition.attrTween` for updates.

Aall-over-yet

74% match

Loading thumbnail…

Multiple Line plot (refactored)

This visualization displays London’s monthly average PM2.5 particulate levels from 2010 through 2018 as multiple colored lines, one per year, overlaid on a shared time axis. It uses d3.csv for data loading, d3.nest and d3.line for grouping and path generation, d3.scaleTime, d3.scaleLinear for axes, and d3.scaleOrdinal for year-based color encoding. The view includes a dropdown menu, a color legend, and SVG rendering. Data derives from the Kings College London Air Quality Dataset via the London Datastore.

CCurran Kelleher

73% match

Loading thumbnail…

Scatter Plot Convert to Line plot

This interactive visualization uses the D3.js library (v5) and displays monthly average air quality data for London from January 2010 to August 2018. Users can select different variables from dropdown menus to plot as the x and y axes. The chart transitions from a scatter plot, with circles colored by month using an inferno color scale, into a smooth line plot representing the data trend. The visualization also includes a clickable color legend to filter datapoints by month, highlighting the selected month's data while dimming others. The data is sourced from the Kings College London Air Quality Dataset.

Jjblaskovich

73% match