Skip to main content
SimilarExport ZIP
100%

Fork of D3 Scatter Plot

✓ Published0🌍 Public
VVonnie
Last edited May 8, 2021
Created on May 4, 2021
Forked from D3 Scatter Plot

This scatter plot visualizes CDC COVID-19 data, plotting daily new deaths against new cases, with each point representing a 14-day moving average. The chart reveals a general correlation where more infected cases correspond to more deaths. Built with D3 v6, the visualization uses `d3.csv` to load the dataset and `d3.scaleLinear` to map values to screen coordinates, with points rendered as SVG circles. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, and the chart fills the entire browser window.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the CDC Dataset.

Sourced from CDC as of 4/1/2021

  1. Shows more deaths from more infected cases
  2. Each dot is 14 Day moving average
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of #3 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

This chart plots daily COVID-19 deaths and case averages across the US using NY Times rolling-averages data. An animated scatter plot, it cycles between two metrics every 2.4 seconds, with circles updating smoothly via D3’s `transition`. The reusable framework, built with `scatterPlot.js`, leverages `scaleTime` and `scaleLinear` for axes, plus `axisLeft`, `axisBottom`, and `timeFormat` for labeling. SVG rendering and the `d3.select` API manage the dynamic visualization.

DDasbach.EJ
85% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes the relationship between COVID-19 death and case averages per 100,000 people across US states, using data from the NY Times rolling-averages dataset. Each circle represents a state, plotted with `d3.scaleLinear` scales and rendered as an SVG. The chart is built as a reusable function via a custom `scatterPlot` module, configured with setters for width, height, data, margins, and radius. Axes are added using `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously with `d3.csv` and parsed before rendering.

SSaiSreya1
85% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes the relationship between COVID-19 death and case averages per 100,000 people across US states, using data from the NY Times rolling-averages dataset. Each circle represents a state, plotted with `d3.scaleLinear` scales and rendered as an SVG. The chart is built as a reusable function via a custom `scatterPlot` module, configured with setters for width, height, data, margins, and radius. Axes are added using `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously with `d3.csv` and parsed before rendering.

SSaiSreya1
85% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes the relationship between COVID-19 death and case averages per 100,000 people across US states, using data from the NY Times rolling-averages dataset. Each circle represents a state, plotted with `d3.scaleLinear` scales and rendered as an SVG. The chart is built as a reusable function via a custom `scatterPlot` module, configured with setters for width, height, data, margins, and radius. Axes are added using `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously with `d3.csv` and parsed before rendering.

SSaiSreya1
85% match
Loading thumbnail…

Fork of COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework

This scatter plot displays the rolling seven-day average of COVID-19 deaths in the United States over time, using data from the New York Times. The visualization is built with D3.js (v6.7.0) and its `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` components to map dates and death counts. It renders as an SVG, with points sized by a fixed radius and includes custom text annotations for the title, source attribution, and a vaccination milestone. The chart is generated from a CSV URL loaded via D3’s `csv` function, with margins and axis labels configured programmatically.

OOliver Paculan
85% match
Loading thumbnail…

Fork of #4 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

This animated scatter plot tracks COVID-19 deaths and case averages across the United States using a reusable D3 chart framework. The visualization cycles between two metrics every five seconds, transitioning circles smoothly along the time-based x-axis and linear y-axis. Data comes from the NY Times rolling averages dataset, rendered as SVG circles with a dual-axis format showing month labels and annual year markers. The chart uses D3 v6.7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `transition` to handle the temporal updates and animated position changes.

Sserebryanaya.n@gmail.com
84% match
Loading thumbnail…

Fork of COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework

This scatter plot visualizes COVID-19 deaths in the US over time using rolling averages from the NY Times dataset. The chart displays dates on the x-axis and average deaths on the y-axis, with each point representing a daily observation. The visualization is built as a reusable D3 framework using the `scatterPlot` function, which leverages `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` from D3 6.7.0. The plot includes an annotated line marking when vaccination reached 30%, and is rendered as an SVG with custom styling.

Ssaidhiraj16
84% match
Loading thumbnail…

Fork of COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework

This scatter plot visualizes COVID-19 daily average deaths in the United States over time, using data from the New York Times rolling averages dataset. A single blue circle per date is rendered as an SVG path using d3.scaleTime, d3.scaleLinear, and d3.extent. The chart includes dual time axes for months and years, custom text labels, and a red annotation marking a vaccination threshold. The reusable framework is built with a closure-based d3 factory function that exposes chainable setter methods for configuration.

Ddas888530
84% match