Skip to main content
SimilarExport ZIP
100%

Project Task 1

✓ Published0🌍 Public
Cchandrikachowdary867@gmail.com
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Hello VizHub

This horizontal bar chart visualizes the relationship between gasoline price per liter and total COVID-19 cases per million for the first 20 countries in a CSV dataset. It uses D3 v6 APIs including `d3.csv` for data loading, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` for axes. Each bar's length encodes case counts while hovering reveals the price via a tooltip.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Project Task 2

This scatter plot compares national oil consumption against COVID-19 cases per million, using the provided Consumption vs Cases dataset. Each country appears as a circular symbol colored by a sequential rainbow interpolator based on consumption values. The visualization employs d3.csv for data loading, d3.scaleLinear for both axes, and d3.axisBottom/axisLeft for tick rendering. Points are drawn as SVG paths using d3.symbol with circle shapes, while axis labels rotate via SVG transforms.

Cchandrikachowdary867@gmail.com
79% 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
79% 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
79% match
Loading thumbnail…

Task 3

This bubble chart explores the relationship among three variables for 30 countries: oil consumption (represented by bubble area), total COVID-19 cases per million (x-axis), and population density (y-axis). It uses a filtered subset of a CSV dataset, limiting to densities under 1000. Built with D3 v7, the visualization employs `d3.scaleLinear` for axes, `d3.scaleSqrt` for radius scaling, and `d3.scaleOrdinal` for color. Interactive tooltips appear on mouseover, revealing exact values.

VVinish Reddy Kamireddy
78% 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
78% match