Chart 1

100%

✓ Published0🌍 Public

Rramsrinivaskatragadda@my.unt.edu

Last edited Apr 25, 2024

Created on Apr 25, 2024

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.

AI-generated description

Visualization of Covid-19 data

MIT Licensed

Similar vizzes

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

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

83% match

Loading thumbnail…

Line Chart Covid19 Data

This line chart displays cumulative COVID-19 cases in the United States over time, using data from the New York Times GitHub repository. The visualization plots dates on the x-axis and case counts on the y-axis, with a thick red line connecting data points. It is built with D3.js v6, using `d3.csv` for data loading, `d3.timeParse` for date formatting, and `d3.scaleTime` and `d3.scaleLinear` for the axes. The line is rendered as an SVG path via `d3.line`, with axis labels and a title added as SVG text elements.

BBrian Gilmore

83% match

Loading thumbnail…

Fork of HTML Starter

This example displays the progression of confirmed COVID-19 cases over time as a line chart. It uses D3.js v6 (d3.csv, d3.scaleTime, d3.scaleLinear, d3.line, d3.axisBottom, d3.axisLeft) and is rendered as an SVG within a React-based HTML page. The data is loaded from a GitHub-hosted CSV file, with dates parsed using d3.timeParse. The chart includes labeled axes, a tooltip, and a styled orange line, all set against a white background.

KKELUTH HARI SANKARA KOTESWARA LAL

83% match

Loading thumbnail…

Fork of Task8

This visualization displays the trend of confirmed COVID-19 cases over time as a line chart, with the x-axis representing dates and the y-axis showing the cumulative number of cases. The code loads data from a CSV file hosted on GitHub, parses the date and numeric fields, and uses D3 v6 scales and axes (d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render the SVG plot. A single orange path is drawn using d3.line, with axis labels added via text elements.

KKELUTH HARI SANKARA KOTESWARA LAL

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

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

81% match

Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes daily new positive COVID-19 cases over time using data from the Data Canvas Sense Your City Dataset. The React application, rendered as SVG, uses d3.scaleTime and d3.scaleLinear to map dates and case counts, with d3.line and curveNatural creating the smooth connection between points. Axis components generate ticks and labels, while the Poppins font and muted teal color scheme give the chart its distinctive aesthetic. The chart fetches its CSV data from a GitHub-hosted file, demonstrating a clean, minimal approach to temporal data visualization.

Aanduskong

81% match