Skip to main content
SimilarExport ZIP
100%

Fork of Reusable D3 Scatter Plot Dasbach

✓ Published0🌍 Public
CCecilia831
Last edited May 25, 2021
Created on May 25, 2021

This fork of a reusable D3 scatter plot visualizes NY Times Covid-19 rolling averages for US states, plotting deaths per 100k against cases per 100k. Built with D3 6.7.0, it uses a `scatterPlot` module with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG. The chart is fully responsive, sized to the window, and styled with the Share Tech font. Data is fetched via `csv` from the GitHub repository, with each state represented as a circle of fixed radius.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the NY Times Covid-19 Dataset US .

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

This fork of a reusable D3 scatter plot displays New York Times COVID-19 rolling average data for US states, plotting deaths per 100,000 against cases per 100,000. Each circle represents a state, with position determined by d3.scaleLinear scales derived from the data extent. The visualization uses D3 version 6.7.0, employs d3.csv for data loading, and renders as SVG with d3.axisLeft and d3.axisBottom axes. The chart is implemented as a configurable closure function, allowing width, height, margins, and radius to be set via method chaining.

RRevanthGrreddy
93% 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
91% 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
91% 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
91% match
Loading thumbnail…

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

This visualization displays the rolling 7-day average of COVID-19 deaths across the United States from the New York Times dataset. A D3.js scatter plot maps dates on the x-axis against death averages on the y-axis, with labeled axes and a title. The code implements a reusable scatter plot framework using d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft, and renders the chart as an SVG that fills the browser window.

CCecilia831
88% match
Loading thumbnail…

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

This reusable D3 scatter plot displays rolling-average COVID-19 deaths in the United States from New York Times data, with each circle representing a daily average. The chart uses `scaleTime` and `scaleLinear` to map dates and death averages, while `axisBottom` and `axisLeft` render labeled axes. It layers multiple bottom axes for months and years, and includes annotations marking a vaccination milestone and source attribution. The code follows the reusable chart pattern from Bostock’s “Towards Reusable Charts,” exposing width, height, data, and radius as accessor properties. Data loads via `d3.csv` from the NYT GitHub repository into an SVG rendered across the full viewport.

Bbrockley0
88% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot NY Times COVID Data US Cumulative

A scatter plot displays cumulative COVID-19 cases in the United States over time, with each point representing a daily data record. The visualization uses D3.js 6.7.0, specifically the `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` functions from D3's API to map dates to the x-axis and case counts to the y-axis. It loads data from the NY Times COVID-19 rolling averages dataset via `d3.csv`. The chart renders as an SVG, populating circular marks with a radius of one pixel, and includes axes labeled with a custom Share Tech font.

DDasbach.EJ
88% match
Loading thumbnail…

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

A reusable scatter plot framework displays daily COVID-19 death averages across the United States using New York Times rolling-averages data. The chart maps dates on the x-axis against death counts on the y-axis, rendering small circles via D3’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. Labels annotate the plot with "UNITED STATES" and a "Vaccination @30%" marker, while source attribution appears at the bottom. The implementation follows the reusable chart pattern with getter-setter methods, loading CSV data through `d3.csv` and rendering with SVG.

CCurran Kelleher
88% match