Skip to main content
SimilarExport ZIP
100%

Multiple scatter plots

✓ Published1🌍 Public
JJunyanL
Last edited Feb 29, 2020
Created on Feb 8, 2020
Forked from Cars Scatter Plot

Four time-series scatter plots visualize daily measurements of airborne particulate concentration, pressure, air temperature, and wind speed from 2018. The plots use D3 version 5's `scaleTime` for the date axis and `scaleLinear` for the value axis, rendering each day as a circle via SVG. Brushing is implemented with `brushSelection` from D3, which highlights brushed circles in magenta and dims the rest to gray.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple scatter plots

Four scatter plots show variations in raw concentration, pressure, air temperature, and wind speed over time, using data from a 2018 CSV file. Each plot renders an SVG via React and d3.v5, using `scaleTime` and `scaleLinear` for axes and `axisBottom`/`axisLeft` for ticks. The circles are colored steelblue with hover effects, and a brush/Highlight module supports selecting points, highlighting them pink while dimming others.

JJunyanL
85% match
Loading thumbnail…

Fun with scatter

Two scatterplots compare daily PM2.5 concentrations over time in 2018, with one chart treating the date as a categorical axis and the other as a continuous time axis. Both use the `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, rendered as SVG circles via `d3.select` and `d3.append`. The data comes from `2018.csv`, loaded with `d3.csv`. Axis ticks are generated with `d3.axisLeft` and `d3.axisBottom`, with the PM2.5 axis labeled explicitly.

JJunyanL
77% match
Loading thumbnail…

interactive scatter plot

This interactive scatter plot lets users explore air quality data from CSV files for the years 2016 through 2019. Users can select which columns (e.g., Raw.Conc., pressure, air_temp) map to the X and Y axes, as well as the year, via dropdown menus built with a custom `dropdownMenu` module. The visualization uses Chart.js to render the scatter plot on a Canvas element, while D3.js handles the dropdown interface and CSV data loading via `fetch`.

JJunyanL
72% match
Loading thumbnail…

Scatter Plot Convert to Line plot

This interactive visualization compares monthly air quality measurements for PM2.5 and PM10 particulates from the Kings College London Air Quality Dataset, spanning January 2010 through August 2018. Users select different pollutant variables from dropdown menus, which triggers a smooth transition between scatter plot and line chart representations, using D3’s `transition().duration(1500)` to animate the data points as they morph into a connected line via `d3.line()` with `curveBasis`. A color legend, implemented with `scaleOrdinal` and `interpolateInferno`, lets users filter points by month. The visualization uses SVG rendering with axes from `axisBottom` and `axisLeft`.

KKCachel
72% match
Loading thumbnail…

Scatter Plot with Time Series

A scatter plot displays temperature readings against timestamps from a San Francisco weekly weather dataset, using circular marks positioned by time and linear temperature scales. Built with React and D3 v6, the visualization renders as SVG with reusable axis components and tooltips showing formatted day labels. Data loads via CSV from a remote gist, with `scaleTime` and `scaleLinear` handling the mapping, while `d3.timeFormat` formats tick labels.

AAndres de la Garza
72% 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
72% match
Loading thumbnail…

Scatter Plot with Menus

A scatter plot displays air quality measurements, with dropdown menus allowing users to select which pollutant attribute (pollutant, PM10, ozone, or PM2.5) drives the x- and y-axes. Built with React and D3 v5, the visualization uses `scaleLinear`, `extent`, and `max` from d3 to map data to SVG coordinates. Axes are rendered by custom React components, and circles include native SVG `<title>` tooltips. Data loads asynchronously from a CSV using d3's `csv` method.

CChase Hall
72% match
Loading thumbnail…

Scatter plot with Menus - by Year

This interactive scatter plot displays London’s monthly average air quality readings for PM2.5 and PM10 particulates, with each point colored by year. The visualization uses two dropdown menus implemented via the `dropdownMenu` function to let users switch the x- and y-axis variables among eight roadside and background pollutant metrics. Built with D3 v5, the chart renders SVG circles, uses `scaleLinear` for axes, `scaleOrdinal` with `schemeSpectral` for the year-based color scale, and supports a clickable color legend that highlights data points from a selected year.

KKCachel
71% match