Skip to main content
SimilarExport ZIP
100%

Task 3

✓ Published0🌍 Public
VVinish Reddy Kamireddy
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Hello VizHub

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.

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…

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

Task 2

This scatter plot displays the relationship between energy consumption and COVID-19 cases per million across countries, using a rainbow color scale to encode consumption values. The visualization loads data from a CSV file, filters out outliers, and renders points as SVG symbols using D3 v6. It employs d3.scaleLinear for both axes, d3.scaleSequential with d3.interpolateRainbow for coloring, and axis generators for the bottom and left scales.

VVinish Reddy Kamireddy
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
80% 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…

Project Task 1

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.

Cchandrikachowdary867@gmail.com
78% match
Loading thumbnail…

Task 4

This example presents a multi-line chart tracking total COVID-19 deaths over time for the first 20 countries in a filtered dataset. It loads data from a remote CSV file and uses D3 v6 to render SVG paths, with an ordinal color scale distinguishing each country and a legend identifying them. The code employs `d3.csv`, `d3.timeParse`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to build the visualization. The rendering approach uses a standard SVG container with configured margins for axes and labels.

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