Fork of Multiple Line plot

100%

Fork of Multiple Line plot

✓ Published0🌍 Public

Last edited Apr 3, 2021

Created on Mar 28, 2021

This visualization displays monthly PM2.5 particulate levels in London from 2010 to 2018, with each year rendered as a separate smoothed line using d3.line and curveBasis. The nine lines are color-coded by year using a sequential color scale, and a color legend identifies each year. Data comes from the Kings College London Air Quality Dataset via the London Datastore. The chart uses D3 v5 with SVG rendering, including scales from d3.scaleTime and d3.scaleLinear, axes from d3.axisBottom and d3.axisLeft, and a dropdown menu for data selection.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Line plot

This visualization displays London’s monthly average PM2.5 particulate levels from 2010 through 2018, drawn from the Kings College London Air Quality Dataset in the London Datastore. Nine colored lines, one per year, show seasonal patterns using smooth curves generated with d3.line and curveBasis. The code uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal for the color legend. SVG rendering supports the chart and interactive dropdown menu.

CCurran Kelleher

94% match

Loading thumbnail…

Multiple Line plot

This visualization presents a multiple line plot tracking monthly PM2.5 particulate levels in London from 2010 through 2018, with each year rendered as a separate colored line. The chart uses D3 v5 to build SVG paths with a smoothed curve basis, displaying data from the Kings College London Air Quality Dataset. A color legend identifies each year, while the y-axis scale is derived from the 2011 data values. The visualization includes static axes and axis labels, with all nine yearly lines drawn simultaneously on a dark background.

Jjblaskovich

93% 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

92% match

Loading thumbnail…

Multiple Line plot

This visualization displays monthly average PM2.5 particulate concentrations in London from January 2010 through August 2018, using nine separate colored lines to represent each year. The chart includes a World Health Organization guideline line at 10 µg/m³, with a dropdown menu and color legend for reference. Built with D3 v5, the visualization uses SVG rendering and implements d3.nest, d3.scaleTime, d3.line with curveBasis, and custom reusable components for the dropdown menu and color legend. Data comes from the Kings College London Air Quality Dataset in the London Datastore.

KKCachel

91% match

Loading thumbnail…

Fork of Multiple Line plot with Dropdown

This visualization displays monthly average air quality measurements for London, comparing PM2.5 and PM10 particulate levels across different years from 2010 to 2018. A dropdown menu lets users switch which pollutant is plotted on the y-axis, with each year rendered as a separate colored line using a time-based x-axis. Built with D3 v5, the code uses `scaleTime` and `scaleLinear` for axes, `nest` for grouping data by year, and `transition().duration(1500)` for animated line updates. The data comes from the Kings College London Air Quality Dataset in the London Datastore.

CChukwuebuka Ohaji

91% match

Loading thumbnail…

Fork of Multiple Line plot with Dropdown

This visualization presents monthly air quality measurements for London from January 2010 through August 2018, using data from the Kings College London Air Quality Dataset in the London Datastore. A dropdown menu lets users select which pollutant to plot on the y-axis, while colored lines show annual trends for each year. Built with D3 v5, the example uses `scaleTime`, `scaleLinear`, `nest`, and `line` to generate smooth curves, with a transition animation updating the chart when the selection changes. The chart includes a color legend and axis labels.

DDonald Bagwell

89% match

Loading thumbnail…

Fork of Multiple Line plot with Dropdown

This visualization displays monthly air quality measurements for London from January 2010 through August 2018, using data from the Kings College London Air Quality Dataset in the London Datastore. A dropdown menu lets users select which pollutant to plot, showing time-series lines for each year from 2010 to 2018, colored by year. The chart uses D3 v5 with d3.line, d3.scaleTime, d3.scaleLinear, d3.nest, and d3.axisBottom/axisLeft to render SVG paths with animated transitions. A color legend identifies the year for each line.

SSheela2930

89% match

Loading thumbnail…

Multiple Line plot with Dropdown

This interactive visualization displays monthly air quality levels for PM2.5 and PM10 particulates in London from 2010 to 2018, with each year represented by a colored line. A dropdown menu allows users to switch between different pollutant measurements, updating the y-axis and line chart accordingly. Built with D3 v5, the SVG rendering uses `scaleTime` and `scaleLinear` for axes, `nest` to group data by year, and `line` with `curveBasis` for smooth paths. Data comes from the Kings College London Air Quality Dataset via the London Datastore.

Lluavabo

88% match