COVID-19 Forecast

100%

COVID-19 Forecast

✓ Published1🌍 Public

Last edited Apr 6, 2020

Created on Apr 6, 2020

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.

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

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

90% match

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

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

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

80% match

Loading thumbnail…

ICE-7 Scatter Plot

This scatter plot tracks the daily confirmed virus count over time, with each point representing a single day’s reported cases, revealing a sharp rise and fall during the early months of 2020. The visualization uses an SVG canvas, with D3 v5’s `scaleTime` mapping dates to the x-axis and `scaleLinear` mapping counts to the y-axis. Gridlines and axis labels are drawn via `axisLeft` and `axisBottom`, while circles positioned by `xScale` and `yScale` display the data, with a maroon fill at half opacity for visual clarity. The data is loaded from a CSV file, and the chart includes a title and axis labels for context.

HHarshinireddyy19

80% match

Loading thumbnail…

Scatter Plot 2

A scatter plot displays the relationship between confirmed and active COVID-19 cases, with each circle representing a data point. The visualization uses React components to render SVG elements, with d3.scaleLinear managing the x and y scales. Axes are generated from array methods like xScale.ticks() and map(), while the data loads through d3.csv with multiplication applied to numeric values. The chart includes axis labels and tooltips showing formatted values using d3.format with SI notation.

NNikithakatta30

79% match