Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multiple Line plot with Dropdown

Public visualization

Viewing a saved revision (read-only)

cd91f4da38474484aeb4a888d962906b

Multiple Line plot with Dropdown

0 stars0🌍 Public
WW9183907
Last edited May 17, 2020
Created on May 17, 2020

This interactive visualization presents multiple line plots of air quality data from the Kings College London dataset, displayed from January 2010 through August 2018. A dropdown menu allows users to select which pollutant metric to display, with each line colored according to its category. The visualization uses D3 v5 with SVG rendering and animated transitions. The code employs `scaleTime`, `scaleLinear`, `line`, `nest`, and `transition.attrTween` via D3’s transition system, alongside custom modules for the dropdown menu and color legend.

AI-generated description

Kathleen Cachel

Data in this scatter plot is from from the Kings College London Air Quality Dataset in the London Datastore. The data is from January 2010 through August 2018.

</n> Inspiration from Curran and this Vis. This week I spent time munging the data and adding a dropdown menu.