Skip to main content
SimilarExport ZIP
100%

Project Task 2

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

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.

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 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
88% 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
81% 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
80% 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
79% 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
79% match
Loading thumbnail…

Scatter Plot Covid Project

This animated scatter plot visualizes the relationship between total COVID-19 cases and total vaccinations across countries, using a log-log scale to accommodate the wide data range. Points are color-coded into three categories based on the vaccination-to-case ratio: Low, Medium, and High Vaccine Shots, with an interactive legend that dims non-selected categories on hover. The D3.js visualization reads from a CSV file and uses `scaleLog` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and the `@curran/axis-labels` library for axis annotations.

SSushmaNamidi@my.unt.edu
78% match
Loading thumbnail…

data visulalization Scatter Plot

This scatter plot visualizes COVID-19 cases by country, plotting total deaths against total cases. Each circle represents a country, with color encoding the continent, and the plot includes axes, labels, and a legend. The code loads CSV data from a GitHub repository, uses D3 v7 scales and SVG rendering to position the circles, and employs `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Bbudalavijay2001@gmail.com
76% 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
76% match