t4 scatterplot

100%

t4 scatterplot

✓ Published0🌍 Public

Last edited Apr 25, 2024

Created on Apr 25, 2024

This example visualizes the daily number of new COVID-19 cases worldwide, aggregated by date from a CSV dataset. It renders an SVG line chart with a time-scaled x-axis and a linear y-axis, using `d3.csv`, `d3.rollups` to sum cases by date, and `d3.line` to draw the path. The chart includes axis labels and a title, all styled with D3 v6.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Test Scatter Plot

This scatter plot visualizes COVID-19 data, comparing the number of cases and deaths for four countries. The chart uses SVG circles to represent each country, with D3.js’s `scaleLinear` and `extent` functions to map the data to axes, and `axisLeft` and `axisBottom` to render the labeled axes. The code imports `csv` to load the data from `data.csv` and applies D3 v6 to build the visualization, with a clear title and axis labels.

CChristine Lanser

81% match

Loading thumbnail…

covid data viz

This example plots COVID-19 data from the Our World in Data CSV as a scatterplot, with new cases on the x-axis and deaths on the y-axis. It uses D3 v7 to load the CSV, slice the dataset to a manageable subset, and append circles to an SVG. The code samples the raw data by taking every thousandth row, and scales the plot area with fixed margins, though the scales are incomplete.

NNita

80% match

Loading thumbnail…

Covid_1

This example visualizes COVID-19 new cases from a cleaned CSV file, showing a cumulative sum line chart for a selected date. Buttons generated from all available dates let users switch between dates, and the chart updates to display the cumulative case total for that day. The visualization loads data via `d3.csv`, parses dates with `d3.timeParse`, and renders an SVG line using `d3.line` with `d3.scaleTime` and `d3.scaleLinear` axes. It demonstrates D3 v6 event handling, data filtering, and dynamic SVG updates.

LLakshmi Keerthi

80% match

Loading thumbnail…

data visulalization Scatter Plot

This scatter plot visualizes COVID-19 cases by country, plotting total deaths against total cases. Each circle represents a country, with color encoding the continent, and the plot includes axes, labels, and a legend. The code loads CSV data from a GitHub repository, uses D3 v7 scales and SVG rendering to position the circles, and employs `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Bbudalavijay2001@gmail.com

79% match

Loading thumbnail…

Working with Time

This scatter plot visualizes COVID-19 data, showing the daily increase in positive cases (y-axis) against time (x-axis) as a series of circular marks. The visualization uses React to render SVG elements, with D3 v5 scales including `scaleTime` and `scaleLinear` to map data to coordinates. The code employs `d3.csv` for data loading from a GitHub-hosted CSV file, with custom `AxisBottom` and `AxisLeft` components generating tick marks and labels. Each circle includes a native SVG `<title>` element for tooltips displaying formatted dates, and the chart is styled with the Poppins font.

Aanduskong

78% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes daily COVID-19 cases and deaths across multiple countries, using red semi-transparent circles on an SVG canvas. The x-axis maps daily cases while the y-axis maps daily deaths, with data sourced from a CSV file. Built with D3 v5, the visualization uses scaleLinear, axisBottom, and axisLeft to construct the axes, and the csv function loads the dataset. The code filters data through extent and nice functions to set the scales, while a title and axis labels are added as text elements.

Iibcs47

78% match

Loading thumbnail…

data visualization project

This example presents a bar chart of COVID-19 total cases by country, using data loaded from a remote CSV file. The chart is rendered as an SVG element using D3 v7, with a rotated x-axis to accommodate country labels and a linear y-axis for case counts. The code demonstrates D3’s scaleBand and scaleLinear for axis scaling, and uses the `join` operator to efficiently create bar rectangles, with a steelblue fill for the bars.

Bbudalavijay2001@gmail.com

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

77% match