Skip to main content
SimilarExport ZIP
100%

Fork of Reusable D3 Scatter Plot Dasbach

✓ Published0🌍 Public
SSaiSreya1
Last edited Jul 3, 2022
Created on Jul 3, 2022

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.

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 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
100% 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
100% match
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
94% match
Loading thumbnail…

Reusable D3 Scatter Plot Dasbach

This scatter plot visualizes state-level COVID-19 trends by plotting death averages per 100,000 residents against case averages per 100,000, using New York Times rolling-averages data. Built with D3 v6, the reusable chart module `scatterPlot` uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The example demonstrates Mike Bostock’s reusable chart pattern, configuring width, height, margins, and radius through fluent setter methods.

DDasbach.EJ
91% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot Dasbach

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.

CCecilia831
91% match
Loading thumbnail…

Dv2_5_Reusable Scatter plot

A reusable scatter plot displays the relationship between COVID-19 deaths and cases per 100,000 people across US states, using rolling averages from the NY Times dataset. The visualization is constructed with D3.js version 6.7.0, employing the scatterPlot function to map data points as SVG circles with configurable radius and margins. The chart is rendered SVG in a browser, scaling axes via D3's scaleLinear, and using extent to compute data domains. Axis labels are generated with axisLeft and axisBottom, while the data is loaded asynchronously with D3's csv parser.

NNagateja99
90% match
Loading thumbnail…

DV2_5_Reusable scatter plot

This reusable scatter plot visualizes COVID-19 rolling averages across US states, with 7-day average deaths per 100k on the x-axis and cases per 100k on the y-axis. It uses D3.js version 6.7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data from the NY Times COVID-19 dataset. The chart’s core logic is encapsulated in a custom `scatterPlot()` function following the Towards Reusable Charts pattern, allowing configurable width, height, margins, and data accessors. Circles are rendered via SVG, styled with the Share Tech font.

NNagateja99
90% 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
89% match