2nd

100%

✓ Published2🌍 Public

Last edited Apr 28, 2024

Created on Apr 28, 2024

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

1st

This interactive scatter plot shows the relationship between COVID-19 total cases and GDP per capita for five selected countries: the United States, India, Brazil, the United Kingdom, and Japan. The D3.js v7 visualization loads data from a remote CSV file, scales the axes linearly, and renders orange circles for each country. Hovering over a circle triggers a tooltip displaying the specific country’s name, GDP per capita, and total cases. The chart uses standard D3 APIs including `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to create the SVG-based visualization.

Jjaideeptripurani12@gmail.com

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

83% match

Loading thumbnail…

Bar Chart

This bar chart visualizes the daily confirmed COVID-19 cases across eight countries from January to May 2020. The current configuration displays the US case count on the x-axis and dates on the y-axis, with each bar’s length representing the cumulative total. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data from a CSV file and render the SVG, with configurable axis labels and grid lines.

SSarahKiyani

82% match

Loading thumbnail…

A10.wh

This visualization displays total COVID-19 cases per one million population for seven countries, comparing figures from March to September 2020 through a horizontal bar chart. A click on any bar triggers a d3-annotation label, with the U.S.A. example showing text and coordinates. Using D3 v7 with SVG rendering, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical country placement, and standard `d3.axisBottom`/`d3.axisLeft` axes, loading data from a local CSV file.

MMike Z

82% match

Loading thumbnail…

bar graph

This bar graph displays the total number of COVID-19 cases for twelve countries, ranked along a horizontal axis with country names on the vertical axis. The chart uses the D3 library (v6) with an SVG rendering approach in a React framework. It employs `scaleLinear` and `scaleBand` for the scales, `axisBottom` and `axisLeft` for the axes, and loads data from a CSV file. The bars are colored pink via CSS.

Rrajan1508

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

81% match

Loading thumbnail…

ICE-6_11590101

This visualization displays the top 10 countries by total COVID-19 cases as a horizontal bar chart, with country names on the y-axis and case counts on the x-axis. The bars are rendered as SVG rectangles using React and D3 v5, with scales created via `d3.scaleBand` and `d3.scaleLinear`. Data is loaded asynchronously from a CSV file using `d3.csv`, and axes are drawn manually with gridlines and tick labels. The title indicates the chart focuses on the highest COVID-19 case counts among nations.

DDivyasri0310

81% match