Project_2

100%

✓ Published1🌍 Public

Last edited Apr 26, 2024

Created on Apr 26, 2024

A choropleth-free, year-wise grouped bar chart visualizes COVID-19 metrics—total cases, deaths per million, and population density—for a user-selected country. The interactive dropdown filters data loaded from `cleaned_covid_data.csv`, using `d3.csv` with time parsing. Rendering in SVG, the chart employs `d3.scaleBand` for grouped bars, `d3.axisBottom` and `d3.axisLeft` for axes, and tooltips that display values on hover. Population density, often dwarfing case/death counts, shares the y-axis, revealing scale discrepancies across years.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project_3

This dashboard visualizes COVID-19 metrics, displaying time-series line charts for new cases, new deaths, and population density. Users select multiple countries and specify a date range to compare trends across nations. The interface uses D3.js v6 to parse and filter the data from a CSV file, with `d3.scaleTime` and `d3.scaleLinear` mapping dates and values. The line charts are rendered as SVG paths, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`.

Jjyothirmai318@gmail.com

87% match

Loading thumbnail…

Project Task 3

A bubble chart plots the first 30 countries from a CSV dataset, comparing COVID-19 total cases per million on the x-axis against population density on the y-axis. The circle sizes encode consumption values, and color distinguishes each country via d3.scaleOrdinal with d3.schemeCategory10. Interactive tooltips display exact values on mouseover. The visualization uses D3 v7 (d3.csv, d3.axisBottom, d3.axisLeft) with SVG rendering, filtering out countries with population density over 1000.

Cchandrikachowdary867@gmail.com

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

83% match

Loading thumbnail…

Project_1

A dropdown menu filters a COVID-19 dataset by location, displaying two time-series lines for total cases and total deaths over date. The chart uses d3.axisBottom, d3.axisLeft, and d3.line to render axes and paths, with a tooltip that appears on mouseover using d3.bisector. Interactivity is managed via a location selector and event listeners, drawing from cleaned_covid_data.csv and rendering in SVG.

Jjyothirmai318@gmail.com

83% match

Loading thumbnail…

VIZPROJECT_p2

A bar chart displays new COVID-19 cases by country, sorted descending and colored by continent using a D3 ordinal color scale. The visualization loads sunburst.csv, parsing the new_cases field as a number, and renders SVG rectangles with the d3.csv, scaleBand, and scaleLinear APIs. Hovering over a bar triggers a styled tooltip showing the country name and case count via d3 transitions.

Jjarethodges@gmail.com

81% match

Loading thumbnail…

Covid Project Viz 2

This example visualizes active, recovered, and total COVID-19 cases across fifteen countries using overlapping horizontal bars. The visualization renders as an SVG via React, with red, blue, and green rectangles representing total vaccinations, total cases, and total tests respectively. It loads data from a remote CSV file using `d3.csv` and scales the bars with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, while drawing gridlines and tick labels manually. The code leverages D3 v5 alongside React state and effects for data fetching.

SSushmaNamidi@my.unt.edu

81% match

Loading thumbnail…

2nd visual

This bar chart shows the total COVID-19 cases reported in 2020 for five selected countries: the United States, India, Brazil, Russia, and the United Kingdom. It aggregates data from a CSV file hosted on GitHub, filtering records by year and location, then summing the `total_cases` field per country using `d3.nest()`. The visualization uses `d3.scaleBand` and `d3.scaleLinear` to position bars, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Interactive tooltips appear on mouseover, displaying the country name and its case count, while the SVG is animated only through these transition-based hover effects.

Jjaideeptripurani12@gmail.com

81% match

Loading thumbnail…

data visualization bubble chart

This example visualizes COVID-19 cases, deaths, and population across countries using a bubble chart. Each bubble’s position maps total cases on the x-axis and total deaths on the y-axis, while bubble radius encodes population via a square-root scale. The chart is rendered in SVG using D3 v7, with linear scales, axis generators, and a legend showing population magnitude. Data is loaded asynchronously from a remote CSV file using `d3.csv`.

Bbudalavijay2001@gmail.com

81% match