Skip to main content
SimilarExport ZIP
100%

CovidStats

✓ Published0🌍 Public
Bbhanuteja1807@gmail.com
Last edited Mar 13, 2023
Created on Mar 13, 2023

This visualization presents the global COVID-19 case and death counts in a dark-themed table. It uses jQuery’s `$.ajax` to fetch live country-level data from the `https://api.covid19api.com/summary` endpoint, then populates the HTML table with country, confirmed, and death figures. The DataTables jQuery plugin adds sorting and pagination, while Bootstrap 5 styles the layout, and the page uses a custom CSS gradient background.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19 with live data

This visualization displays global Covid-19 death totals over time as a smooth, logarithmic line chart, with tooltips on hovered points and dashed marker lines at 10,000 deaths and the latest date. It loads live time-series data from the CSSE at Johns Hopkins via `d3.csv`, aggregates daily global totals, and renders with React components using `d3.scaleTime`, `d3.scaleLog`, `d3.line` with `curveNatural`, and SVG axes from `d3.axisBottom` and `d3.axisLeft`. The chart updates responsively to the browser window size.

Ssmile2git
76% match
Loading thumbnail…

COVID-19

This interactive COVID-19 dashboard displays country-level statistics using horizontal bars. Users select an attribute from a dropdown, and React state updates the chart to show that metric. Driven by a CSV of global pandemic data, the visualization renders bars with SVG rectangles via React components, using D3 scales (`scaleBand`, `scaleLinear`) and axes (`AxisBottom`, `AxisLeft`) to position the data. Tooltips appear on hover through SVG `<title>` elements.

WW9183907
75% match
Loading thumbnail…

COVID DATA

This visualization presents COVID-19 data from the Our World in Data GitHub repository, showing total cases and deaths aggregated by country. The code uses d3.csv to load the dataset, d3.rollup to group and sum values by location, and d3.line with d3.scaleTime and d3.scaleLinear to plot a line chart. Although a chart-rendering function is defined, the visualization does not display the chart in the browser, as the SVG element is never appended to the page.

FFarhaan Qazi
74% 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
74% 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
73% 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
73% match
Loading thumbnail…

Untitled

This visualization shows the progression of confirmed COVID-19 cases, deaths, and recoveries across multiple countries from January to March 2020. It uses a multi-line chart with time on the x-axis and case counts on the y-axis. The code loads data from three CSV files and uses d3.csv, d3.scaleLinear, d3.line, d3.axisLeft, d3.axisBottom, and d3.curveBasis to render the chart. A timer updates the displayed date range, animating the lines as new data points appear over time.

RRodrigo Vallejos
72% match
Loading thumbnail…

Covid Line Chart

This example displays a single, stark statistic: the total number of global COVID-19 deaths as of the latest date in the data. It extracts the last column from a CSV file provided by the Johns Hopkins CSSE repository, sums all values, and formats the total with a thousands separator. The React app uses `d3.csv` to fetch and parse the data, while a `d3.format` comma formatter renders the result in a large `<pre>` element. The visualization emphasizes the magnitude of the figure over a chart, showing the aggregate impact rather than a temporal trend.

TThiago Sawada
72% match