Skip to main content
SimilarExport ZIP
100%

Project Task 3

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

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.

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

VIZPROJECT

This bubble chart visualizes the relationship between new COVID-19 cases, population density, and GDP per capita across countries. Each circle’s position encodes the first two variables, while its radius scales with GDP, and color distinguishes nations. The visualization uses a D3 v7 CSV load, linear scales for axes, a square-root scale for bubble size, and an ordinal color scheme. Interactive tooltips appear on mouseover, displaying exact values per country.

Jjarethodges@gmail.com
82% match
Loading thumbnail…

Task_8_Q4

This bubble chart displays the population of the first ten countries from a CSV dataset, with each circle’s position on the x-axis representing the country and the y-axis showing population value, while the radius and color encode the same population figure and the country’s numeric code, respectively. A categorical color legend maps country codes to distinct hues. Built with D3 v7, the visualization uses `d3.csv` for loading data, `scaleBand` and `scaleLinear` for axes, `scaleSqrt` for circle size, and `scaleOrdinal` with `d3.schemeCategory10` for coloring. SVG rendering includes rotated country labels on the bottom axis, a left population axis, chart titles, and a custom legend.

DDipesh
82% match
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
81% match
Loading thumbnail…

VIZPROJECT_i2

This bubble chart visualizes the relationship between new COVID-19 cases, population density, and GDP per capita across multiple countries. Each circle represents a country, positioned along the x-axis by new cases and the y-axis by population density, with circle size encoding GDP per capita. Color distinguishes individual locations. The visualization uses D3 v7’s `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` to map data dimensions, and an SVG-based tooltip displays detailed values on hover. Data is loaded from a CSV file, and the chart is rendered entirely with SVG elements.

Jjarethodges@gmail.com
81% 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
81% match