Skip to main content
SimilarExport ZIP
100%

Task 2

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

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.

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

A2Q3

This interactive scatterplot visualizes COVID-19 metrics across countries by continent, plotting selectable attributes from the Covid World May Data CSV on x- and y-axes. Users can compare new cases, total cases, and death counts, with points colored by continent via a legend. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and `extent` for scaling, while SVG circles render the data and dropdown menus control axis selection.

MmNamratha25
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
77% match