Skip to main content
SimilarExport ZIP
100%

2nd visual

✓ Published0🌍 Public
Jjaideeptripurani12@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from 2nd

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

2nd

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. The visualization uses d3.csv to load a remote dataset, then d3.nest and d3.sum rollup to aggregate total cases per country. SVG rectangles are scaled with d3.scaleBand and d3.scaleLinear, while d3.axisBottom and d3.axisLeft render axes. Interactive tooltips appear on mouseover via D3 transitions, and rotated x-axis labels improve readability of the country names.

Jjaideeptripurani12@gmail.com
95% match
Loading thumbnail…

Covid-19 Data Visualization

This visualization displays total COVID-19 case counts for fourteen countries using a bar chart. Each bar’s height and value labels are mapped through d3.scaleBand and d3.scaleLinear, while d3.axisBottom and d3.axisLeft render the axes. Tooltips appear via mouseover events, and the SVG rendering includes a title and case number annotations. The data is embedded in the code as a static array, with cases formatted using the toLocaleString method.

AAbdul Kareem
83% match
Loading thumbnail…

covid-19 bar chart

This bar chart displays total COVID-19 case counts for different countries, with bars colored using a categorical palette and labeled with case numbers. It shows tooltips on hover containing country and total case information. The visualization uses D3 v7 to build the SVG, employing `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.schemeCategory10` for bar colors. The underlying data is embedded directly in the source code.

HHarinathChakali33@gmail.com
83% match
Loading thumbnail…

1 visual

This visualization is a scatter plot that compares COVID-19 outcomes across the top 10 countries with the most new cases, plotting the percentage of the population fully vaccinated on the x-axis against the absolute number of new cases on the y-axis. Each circle represents a country, with tooltips revealing exact figures on hover. Rendered as an SVG using D3.js v7, the chart employs `d3.csv` to load the dataset, `d3.axisBottom` and `d3.axisLeft` for axes, and dashed grid lines for readability. The underlying data comes from the Covid-Analysis repository, and the code includes interactive tooltip transitions.

Vvenkatabhaskaratetali@my.unt.edu
82% 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
82% 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
81% match
Loading thumbnail…

Task 1

This visualization displays a horizontal bar chart comparing COVID-19 total cases per million across the first 20 countries from the dataset, with each bar's length representing case counts. Hovering over a bar reveals a tooltip showing that country's fuel price per liter. The chart is rendered as an SVG using D3 v6, with d3.scaleBand for the categorical country axis, d3.scaleLinear for the quantitative case axis, and d3.csv to load the data.

VVinish Reddy Kamireddy
81% match
Loading thumbnail…

Project_2

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.

Jjyothirmai318@gmail.com
81% match