Skip to main content
SimilarExport ZIP
100%

q2

✓ Published1🌍 Public
Ssindhuja27b@gmail.com
Last edited Apr 25, 2024
Created on Apr 25, 2024
Forked from Hello VizHub

This visualization shows the progression of total COVID-19 cases over time for Afghanistan, with a blue area chart and individual data points that reveal exact values on hover. The y-axis starts at 100 to emphasize the exponential growth curve. Built with D3 v7, it uses `d3.area` for the filled region, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.axisBottom` with rotated date labels. Tooltips appear via mouseover events, while SVG circles mark each reported case count from the supplied `data.csv` file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart

The chart shows total COVID-19 deaths over time in Afghanistan during 2020, using a line chart to display the trend across the year. It includes axes, labels for months and total deaths, and a tooltip that appears on mouse movement to highlight specific data points. The visualization is built with D3 v7, loading CSV data via `d3.csv`, parsing dates with `d3.timeParse`, and generating the line with `d3.line`. A `d3.bisector` finds the nearest data point, while an SVG circle and HTML tooltip provide interaction. The line path uses steelblue styling on an SVG canvas.

Mmalampatiramya03@gmail.com
79% match
Loading thumbnail…

Line and Area Charts

This example visualizes reported COVID-19 deaths in Afghanistan over time using a line and area chart. It draws circles at each data point on an SVG canvas, with axes scaled using `scaleTime` and `scaleLinear`. The visualization filters the WHO global COVID-19 dataset by country code and years, then renders the data with `axisLeft` and `axisBottom`. Semi-transparent steelblue circles are used to suggest a line and area effect for the death counts.

Cchristine
78% match
Loading thumbnail…

Fork of Fork of Fork of Fork of React Starter

This bar chart displays the total COVID-19 cases over time for Afghanistan, using a simple time-series visualization. The chart uses a band scale for the date axis and a linear scale for the case counts, rendering each bar with the `Bar` shape from `@visx/shape`. Data is loaded from a local CSV file and parsed in a React component using `useState` and `useEffect`. The SVG output includes axes from `@visx/axis` and is styled with the color `#8884d8`.

DDivyaKota2@my.unt.edu
77% match
Loading thumbnail…

Fork of Fork of Fork of React Starter

This visualization displays the total COVID-19 cases over time for Afghanistan, using a bar chart to show the cumulative case count for each date. The data is loaded from a CSV file containing COVID-19 statistics, with the chart rendering as an SVG using the React framework and the @visx/shape and @visx/axis libraries. D3.v7 handles the underlying scale calculations, while the bars are colored purple and axes are labeled accordingly.

DDivyaKota2@my.unt.edu
77% match
Loading thumbnail…

Project Area Chart

This example shows the progression of total COVID-19 cases over time using a filled area chart. The chart plots dates on the x-axis and case counts on the y-axis, with a steelblue area beneath the line and circular markers on each data point. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, and d3.area to generate the path. Interactive tooltips appear on mouseover via D3's transition and style methods, while the SVG rendering includes rotated tick labels and axis annotations.

Mmalampatiramya03@gmail.com
76% match
Loading thumbnail…

Fork of Coursework 1.js!

This example visualizes COVID-19 case counts for Afghanistan using a horizontal bar chart rendered in SVG. The chart displays daily cumulative case numbers along the x-axis against the country name on the y-axis, with green bars representing case values. The implementation uses D3 v5 APIs including `select`, `csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to load data from `dataset.csv`, scale the values, and generate the interactive axes and rectangles that comprise the visualization.

FFarhaan Qazi
76% match
Loading thumbnail…

2nd chart

This chart displays the total COVID-19 cases over time as a single steelblue line, with time on the x-axis and case counts on the y-axis. The visualization is built with the D3 version 6 library, using an SVG rendering approach. The code employs `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to map data, and `d3.axisBottom` and `d3.axisLeft` for axes, with a rotated y-axis label. The dataset is loaded from a CSV file hosted on GitHub, supplied by the author Harisankara000.

Hharisankarakeluth@my.unt.edu
76% match
Loading thumbnail…

covid_data

This visualization shows the cumulative confirmed COVID-19 cases over time for Afghanistan and Albania from January to August 2020, with each country tracked as a separate line across the date columns. The line chart uses a linear scale for case counts, with the x-axis representing chronological dates from 1/22/20 through 8/21/20, and the y-axis indicating cumulative case numbers. The data originates from a gist by Cameron-Grams, providing country-level time series. The example highlights the exponential growth patterns and eventual plateauing of cases in these two countries during the early pandemic period, demonstrating how the dataset can be used to compare outbreak trajectories across different regions.

CCameron-Grams
75% match