Skip to main content
SimilarExport ZIP
100%

COVID-19 Forecast

✓ Published1🌍 Public
Ccacho2294
Last edited Apr 7, 2020
Created on Apr 7, 2020
Forked from 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.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

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
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
90% match
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
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
82% 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
81% 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
80% match
Loading thumbnail…

Area Chart

This example visualizes the daily new COVID-19 cases in Spain over a 60-day period using an area chart. The chart combines a semi-transparent steelblue filled area with a solid line to show the trend, and includes labeled axes for dates and case counts. The data is loaded from the CSSEGISandData GitHub repository using `d3.csv`, processed by filtering for Spain and computing daily differences, and then rendered as SVG paths generated with `d3.area` and `d3.line`. Scales are created with `d3.scaleTime` and `d3.scaleLinear`, axes are drawn using `d3.axisBottom` and `d3.axisLeft`, and sparse data points are marked with circles that display a tooltip on hover.

Bbassansackey@gmail.com
80% 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
78% match