My Scatterplot

100%

My Scatterplot

✓ Published3🌍 Public

Last edited Oct 1, 2021

Created on Sep 27, 2021

This scatterplot visualizes daily PM10 emissions in Sacile, Italy, throughout 2020, with each circle representing a day’s measured average. Points are colored red when values meet or exceed the daily limit of 50, marked by a dashed red line, while gray indicates lower readings. The chart uses D3 v7 with SVG rendering, including a time-scaled x-axis, linear y-axis, and a hover tooltip that displays the exact date and value. Data is loaded asynchronously from a CSV file via `d3.csv`, and axes are generated using `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

My Bar Chart

This bar chart displays average PM10 emissions during 2020 across municipalities in the Friuli Venezia Giulia region, sorted from highest to lowest values. The visualization includes a red dashed line marking the annual limit of 40 units, with a tooltip that appears on hover to show exact values for each location. Built with D3 v7, the chart uses `d3.csv` for data loading, `scaleLinear` and `scaleBand` for axes, and `d3.axisBottom` and `d3.axisLeft` for rendering. The SVG rendering includes animated transitions for tooltip opacity changes on mouse events.

DDanilo De Rosa

75% match

Loading thumbnail…

My Line Chart with dropdown menu

This interactive line chart visualizes daily PM10 emissions for various Italian municipalities during 2020. A dropdown menu allows users to switch between the different locations, and the line path animates smoothly to the new data when a selection is made. The chart is built using D3.js v6, which handles the SVG rendering, time-based x-axis scaling, linear y-axis scaling, and the dropdown's change event listener. The data is loaded from a CSV file fetched via `d3.csv`.

DDanilo De Rosa

74% match

Loading thumbnail…

Making a Scatter Plot

A scatter plot displays weekly PM2.5 air quality levels in midtown Manhattan from February to May 2020, sourced from the NYC government website. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scalePoint` for the y-axis dates. Circles are positioned with `cx` and `cy` attributes, while `axisLeft` and `axisBottom` generate gridlines. The chart highlights declining air pollution during the early COVID-19 outbreak period.

AAnnie Liao

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

73% match

Loading thumbnail…

PM Emissions in the Metropolitan City of Cagliari, multilanguage

A multi-line chart displays daily average PM2.5 and PM10 emissions from monitoring stations in the Metropolitan City of Cagliari, alongside a dashed WHO threshold line. The visualization supports English, Italian, and Sardinian text. Built with React and D3, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and a Voronoi overlay for interactive tooltips on hover, highlighting values above the threshold.

AAndrea Picciau

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…

Daily new cases of Covid in Italy - Scatter Plot

This scatter plot displays daily new Covid cases in Italy, with time on the x-axis and provisioned write capacity units on the y-axis. It uses D3 v6 to load JSON data, parse timestamps with `d3.timeParse`, and render circles via SVG. The visualization includes an animated line path, toggleable with a button, and a brushX selection that updates the chart. The code leverages `d3.scaleTime`, `d3.scaleLinear`, and `d3.extent` for scaling and axis generation, with data sliced to the first 100 points.

Ttebanieo

72% match

Loading thumbnail…

Daily new cases of Covid in Italy - Scatter Plot

This scatter plot visualizes daily new Covid cases in Italy over time, with point size representing the number of patients in intensive care. The x-axis uses `d3.scaleTime`, the y-axis uses `d3.scaleLinear`, and point radii are scaled with `d3.scaleSqrt`. A button toggles the visibility of a connecting line drawn with `d3.line()`. Data is loaded from the Italian government’s COVID-19 CSV repository via `d3.csv`, and the SVG rendering fills the browser window.

TToly

72% match