tets

100%

✓ Published0🌍 Public

Last edited Apr 23, 2024

Created on Apr 23, 2024

This area chart displays the cumulative number of COVID-19 deaths over time from January to December 2020, using a steelblue filled path to show the upward trend. The visualization loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and scales the axes with `d3.scaleTime` and `d3.scaleLinear`. The area shape is generated using `d3.area`, with axes rendered by `d3.axisBottom` and `d3.axisLeft`, all within an SVG created by D3 v6.

AI-generated description

A responsive scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19

This chart displays the cumulative global COVID-19 death toll over time using a smooth line and points, with markers highlighting the latest date and the 10,000-death threshold. Built with React and D3 v5, it loads data from a CSV via `d3.csv`, aggregates daily totals, and renders an SVG with `scaleTime`, `scaleLinear`, `line().curve(curveNatural)`, and custom axes that include dashed reference lines.

Ssmile2git

80% match

Loading thumbnail…

Visualization Labels

This example displays the global cumulative death toll from COVID-19 over time as a single black line on a log-scaled y-axis, with labeled axes and a title. The chart uses React to render an SVG and relies on `d3.scaleTime`, `d3.scaleLog`, and `d3.line` for data mapping and path generation, while `d3.axisBottom` and `d3.axisLeft` create the gridlines. Data comes from the JHU CSSE COVID-19 time-series CSV, aggregated daily across all countries, with deaths counted from the start of the outbreak.

NNikita Toropov

80% match

Loading thumbnail…

ICE 7 Area Chart

This area chart shows the relationship between total COVID-19 deaths (x-axis) and total cases (y-axis) using D3.js v5. The visualization uses `d3.area()` with `curveBasis` to draw a filled path beneath the curve, rendered as an SVG. The data is loaded from a CSV file via `d3.csv()` from a GitHub gist. Axes are generated with `d3.axisBottom()` and `d3.axisLeft()`, with tick formatting using `d3.format()`. The chart includes labeled axes and gridlines, with the area filled in a dark purple color.

SSnarasimhap

79% match

Loading thumbnail…

Visualization Labels

This visualization shows the global cumulative death toll from COVID-19 over time as a single thick black line. The chart uses a logarithmic y-axis scale to accommodate the exponential growth of deaths, with a time-scaled x-axis. Built with React and D3 v5, it loads data from a CSV file hosted on GitHub and renders as an SVG. The line is generated using the `d3.line` path generator, while `d3.scaleTime` and `d3.scaleLog` handle the axes. Axis components use `d3.axisBottom` and `d3.axisLeft` with grid lines, and title and axis labels appear via SVG text elements.

RRMartins11

79% match

Loading thumbnail…

Visualization Labels

This example visualizes cumulative global COVID-19 deaths over time using a line chart. The time axis spans the dataset’s date range, while a logarithmic scale maps death totals. The chart includes labeled axes for “Time” and “Cumulative Deaths,” plus a title and horizontal/vertical marker lines with annotations. The visualization is built with React and SVG, using D3 v7 functions such as `scaleTime`, `scaleLog`, `line`, `axisBottom`, and `axisLeft`. Data comes from the CSSEGISandData COVID-19 global time-series CSV, loaded via `d3.csv`.

AAlex Stulov

79% match

Loading thumbnail…

Project Area Chart

This example shows the progression of total COVID-19 cases over time using a filled area chart. The chart plots dates on the x-axis and case counts on the y-axis, with a steelblue area beneath the line and circular markers on each data point. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, and d3.area to generate the path. Interactive tooltips appear on mouseover via D3's transition and style methods, while the SVG rendering includes rotated tick labels and axis annotations.

Mmalampatiramya03@gmail.com

79% match

Loading thumbnail…

Covid-19 with Axis and labels

This interactive line chart visualizes global COVID-19 cumulative deaths over time, with each country represented by a gray line. Hovering over a point highlights the corresponding country’s full trajectory and displays a tooltip with the country name, death count, and date. The visualization uses React for state management, d3.scaleLog and d3.scaleTime for axes, d3.line for path generation, and d3.Delaunay-based Voronoi overlay for hover detection. Data comes from the CSSE COVID-19 time series CSV, rendered as SVG with custom axis labels and tick marks.

Uuplusv

78% match

Loading thumbnail…

Visualization Labels

This visualization shows global cumulative COVID-19 deaths over time using a line chart with a logarithmic y-axis to handle the wide range of values. The chart displays axis labels, tick marks, and annotation lines marking the most recent date and the five-million-deaths threshold. Built with React and D3 v7, the code uses d3.line, scaleTime, scaleLog, axisBottom, and axisLeft, rendering SVG elements. Data comes from the CSSE COVID-19 time series CSV, processed to sum daily death totals across all countries.

TThomas Cormican

78% match