Skip to main content
SimilarExport ZIP
100%

2nd chart

✓ Published0🌍 Public
Hharisankarakeluth@my.unt.edu
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from areachart_ques_2

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.

AI-generated description

A simple line chart with D3 showing the US Airline Traffic Dataset.

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
83% match
Loading thumbnail…

Chart 1

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.

Rramsrinivaskatragadda@my.unt.edu
83% 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
81% 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
80% 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
80% match
Loading thumbnail…

data visualization project

This example presents a bar chart of COVID-19 total cases by country, using data loaded from a remote CSV file. The chart is rendered as an SVG element using D3 v7, with a rotated x-axis to accommodate country labels and a linear y-axis for case counts. The code demonstrates D3’s scaleBand and scaleLinear for axis scaling, and uses the `join` operator to efficiently create bar rectangles, with a steelblue fill for the bars.

Bbudalavijay2001@gmail.com
79% match
Loading thumbnail…

New Covid 19 cases per day

This animated line and scatter plot tracks daily new COVID-19 cases over time, using a steelblue path for the trend and circles for individual data points. Hovering over a point reveals its date and case count via a tooltip. The visualization uses D3.js for data parsing, axis generation, and chart rendering, with a noUiSlider range slider to filter the displayed date window. Data comes from a cleaned CSV file loaded from GitHub.

LLakshmi Keerthi
79% match
Loading thumbnail…

6

This bar chart shows total COVID-19 cases for 14 countries, with values labeled above each bar. It uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.axisBottom/d3.axisLeft to render the axes. Bars are drawn as SVG rectangles with a steelblue fill, and case numbers are formatted with toLocaleString. The chart includes a title and uses the d3.selectAll pattern to bind data to elements.

Hharisankarakeluth@my.unt.edu
79% match