COVID-19 Forecast

100%

COVID-19 Forecast

✓ Published0🌍 Public

Last edited Apr 7, 2020

Created on Apr 7, 2020

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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID-19 Forecast

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.

Ssyedhaliz

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

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

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

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

81% match

Loading thumbnail…

COVID-19 Total Cases Over Time

This visualization displays the progression of COVID-19 total cases over time as a line chart with hover-based tooltips showing exact date and case counts. It loads data from a remote CSV via d3.csv and renders an SVG line using d3.line with linear and time scales. The chart includes axes from d3.axisBottom and d3.axisLeft, and interactive mouseover/mousemove handlers using d3.pointer and d3.bisector for nearest-point detection. The tooltip, styled as a separate HTML element, updates its position and text dynamically.

AAbdul Kareem

80% match

Loading thumbnail…

Chart 1

This visualization displays the progression of confirmed COVID-19 cases over time as a single orange line chart. The x-axis maps dates using `d3.scaleTime`, while the y-axis uses `d3.scaleLinear` to represent case counts. Data is loaded via `d3.csv` from a GitHub gist and parsed with `d3.timeParse`. The line is rendered with `d3.line`, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`. The SVG structure is built with D3 v6, with explicit margins, axis labels, and a white background.

Rramsrinivaskatragadda@my.unt.edu

79% match

Loading thumbnail…

Fork of Stylized Line Chart

This fork of a stylized line chart displays COVID-19 biweekly case counts for the United States over time, using a smooth curved path rendered with d3.line and curveNatural. The chart is built with React functional components and d3.v5 scales, including scaleTime for the x-axis and scaleLinear for the y-axis, with axes generated by custom AxisBottom and AxisLeft components. Data is loaded asynchronously from a CSV URL using d3.csv within a useData hook. The visualization uses SVG rendering with a Poppins font and muted teal styling for the line and axes, but omits data point circles.

Aamanoakane

78% match