COVID-19 Forecast

100%

COVID-19 Forecast

✓ Published0🌍 Public

Last edited Mar 13, 2023

Created on Mar 13, 2023

This chart displays a time-series forecast of COVID-19 infections, plotting each data point as a circle on a date-based x-axis and an infection-count y-axis. It uses D3 v5’s `csv` loader to fetch remote data, `scaleTime` and `scaleLinear` for axes, and `axisBottom`/`axisLeft` to render the scales. The SVG rendering includes labeled axes and a title, with circles styled via CSS.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID-19 Forecast

This visualization shows a COVID-19 forecast line chart tracking reported infections over time, with a smooth curve fit through the data points and labeled axes for date and infection count. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG path and circles. The data is loaded via `csv` from a remote GitHub repository, and styles are defined in an external stylesheet.

Ccacho2294

92% match

Loading thumbnail…

COVID-19 Forecast

This scatter plot visualizes COVID-19 infection counts over time, with the x-axis representing dates and the y-axis showing the number of infected individuals. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` for axes, along with `axisBottom` and `axisLeft` to render ticks. Circles mark each data point, colored steelblue, while axis labels and a title are added via SVG text elements. Data is loaded as CSV from a GitHub repository and parsed with JavaScript’s `Date` and numeric conversion.

Ccacho2294

91% match

Loading thumbnail…

COVID-19 Forecast

This visualization displays a time-series area chart of COVID-19 infection counts, with dates on the x-axis and infected individuals on the y-axis, accompanied by a title and axis labels in Spanish. It uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, `curveBasis`, and `axisBottom`/`axisLeft` to render an SVG path and scatter points from CSV data. The dataset comes from a GitHub-hosted file, and styling is applied via external CSS classes.

Ccacho2294

88% match

Loading thumbnail…

COVID-19

This interactive D3.js visualization displays COVID-19 metrics over time for selected countries, allowing viewers to toggle between confirmed cases, deaths, and recoveries via two dropdown menus. The line chart uses a time-based x-axis and a linear y-axis, with a single red, blue, or green line rendered per selection. Data is loaded from a CSV file, processed by nesting and grouping entries by date, and filtered by country. The visualization uses D3's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for smooth curves.

WW9183907

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

80% match

Loading thumbnail…

COVID-19

This D3.js visualization shows the progression of COVID-19 cases, deaths, and recoveries over time for a selected country. Users choose a status metric and country via dropdown menus, and the chart displays a smooth line chart of that metric against observation dates. The code uses D3 v5 methods like `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. Data is loaded from a CSV file and aggregated by country and day using `nest` and a custom `groupByDay` function.

WW9183907

79% match

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

76% match

Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes daily new positive COVID-19 cases over time using data from the Data Canvas Sense Your City Dataset. The React application, rendered as SVG, uses d3.scaleTime and d3.scaleLinear to map dates and case counts, with d3.line and curveNatural creating the smooth connection between points. Axis components generate ticks and labels, while the Poppins font and muted teal color scheme give the chart its distinctive aesthetic. The chart fetches its CSV data from a GitHub-hosted file, demonstrating a clean, minimal approach to temporal data visualization.

Aanduskong

76% match