Assignment 5

100%

✓ Published0🌍 Public

Last edited Sep 27, 2026

Created on Sep 27, 2026

This scatterplot uses D3.js v7 to visualize the relationship between GDP per capita and CO2 emissions per capita, with each circle representing a country. The plot encodes quantitative data on both axes using linear scales, while a categorical region column will determine color and population determines circle size in subsequent versions. The code loads a CSV file, converts specified numeric columns, and renders the visualization using SVG elements. Axes are created with D3's axis functions, and a summary displays the data's row count and field names.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project 6

This scatter plot shows the relationship between GDP per capita and CO₂ emissions per capita, with each dot representing a country-year observation. Points are colored by region and include a legend, while hovering over a point reveals a tooltip showing the country, year, and both variable values; clicking a point selects and highlights it. The visualization uses d3.csv to load data from a GitHub gist, d3.scaleLinear for the axes, d3.scaleOrdinal with d3.schemeTableau10 for categorical coloring, and d3.axisBottom and d3.axisLeft for tick marks. All marks are rendered as SVG circles, with the tooltip positioned absolutely and delayed via setTimeout.

Ppezguy97@gmail.com

88% match

Loading thumbnail…

assignment 6

This interactive D3.js visualization explores relationships between GDP per capita, CO2 emissions per capita, population, and renewable energy adoption across countries from 2018–2023. Three modes—a 2D scatterplot, small multiples by region, and animated year-by-year transitions—allow comparison of temporal trends. The SVG rendering uses d3.scaleOrdinal, d3.scaleSqrt, and d3.extent for consistent scales, with tooltips featuring configurable delay and a race timer animation. Data comes from a CSV file loaded via d3.csv.

Rrithwikjadala2003@gmail.com

86% match

Loading thumbnail…

CSCE 5320 HW5

This example presents a scatterplot of country-level data, plotting GDP per capita against CO2 emissions per capita, with each point colored by region and sized by population. The visualization summarizes the dataset’s rows, columns, and key statistics for the x-axis variable, including its mean and median. Built with D3 v7, it loads CSV data from a GitHub gist and uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for region-based coloring, and `d3.extent`, `d3.mean`, and `d3.median` to compute summaries. Rendering is SVG-based with axes and labels styled via CSS.

Llokeshpraveen01@gmail.com

86% match

Loading thumbnail…

Homework 6

This interactive scatterplot from D3 v7 uses an SVG canvas to explore the relationship between GDP per capita and CO₂ emissions per capita, with points colored by world region and a legend on the right. The visualization supports both hover-based tooltips that display detailed text and click-to-select functionality, with a toggleable 2000ms tooltip delay button for testing responsiveness. Data loads from a CSV file via `d3.csv` with `d3.autoType`, axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and the chart uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding.

GGuduru Naga Tejaswi

86% match

Loading thumbnail…

Drawing a Scatterplot

This scatterplot shows the relationship between GDP per capita and CO2 emissions per capita for countries in 1995, with circle size encoding population. It uses d3.csv to load World Bank data and d3.scalePow and d3.scaleSqrt to map values. The SVG visualization includes clickable country nodes, each with a labeled circle, and displays axes with tick marks created using d3.axisBottom and d3.axisLeft.

ZZhengyan Yu

86% match

Loading thumbnail…

Fork of Project 6 Question 2

This visualization shows GDP per capita against CO₂ per capita for each year in a small-multiple grid of scatterplots. Each frame represents one year, with points colored by region and tooltips revealing country names. The code uses d3.csv to load data, d3.scaleLinear for shared x and y scales across all frames, and d3.axisBottom and d3.axisLeft to render axes. The d3.schemeTableau10 color scale assigns region colors, while SVG circles are appended with d3.selectAll and .join, incorporating a d3.append title element for hover details.

Ppezguy97@gmail.com

84% match

Loading thumbnail…

Scatter Plot

A scatter plot shows the relationship between GDP per capita on the x-axis and CO2 emissions per capita on the y-axis for countries. Circles represent individual countries, colored by region. The visualization uses D3 v7 scales, axes, and SVG circle marks rendered within a React component. Data loads from a CSV file via d3.csv, with numeric columns parsed and categorical region names normalized before plotting.

AAnusha Pujari

84% match

Loading thumbnail…

Fork 2

A scatter plot visualizes the relationship between GDP and CO2 emissions for ten major countries, with each point colored by country and hover interactions revealing exact values via tooltips. The chart uses D3.js v7 to load CSV data from GitHub, parse numeric values, and render SVG circles positioned by linear scales. Axes, tick formatting, and labels are generated with `d3.axisBottom` and `d3.axisLeft`, while a color ordinal scale assigns category colors to countries.

SSeema Shrestha

83% match