Skip to main content
SimilarExport ZIP
100%

HW6 project

✓ Published1🌍 Public
AAnusha Pujari
Last edited Oct 5, 2026
Created on Sep 28, 2026

This interactive scatter plot visualizes the relationship between GDP per capita and CO₂ emissions per capita for countries across multiple regions from 2018 to 2023, with circle size encoding energy consumption per capita. A slider lets viewers step through years, updating the displayed points and filtering data accordingly. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizing, and `d3.scaleOrdinal` with `d3.schemeTableau10` for regional color encoding. Tooltips appear on hover, and a status bar shows the currently selected country. Data is loaded from a local CSV file.

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
87% 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
85% match
Loading thumbnail…

HW6_3D_Visualization_Rakesh

This scatterplot visualizes the relationship between GDP per capita and CO₂ emissions per capita, with points colored by world region. The D3.js v7 code uses `d3.scaleLinear` and `d3.axisBottom` to render axes, while circles are placed via `d3.selectAll().join()`. A hover tooltip is intentionally delayed by two seconds, managed through a timer, to test interaction timing. Data comes from a CSV file loaded via `d3.csv`.

RRakesh vilasagaram
85% 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
84% match
Loading thumbnail…

Reusable Scatter Plot (CO₂ vs GDP, 2025)

This reusable scatter plot compares GDP per capita against CO₂ emissions for countries in 2025, with circle size encoding population and color distinguishing regions. Built with D3 v7, the chart renders as SVG and uses d3.scaleLinear, d3.scaleSqrt, and d3.scaleOrdinal to map data dimensions. Interactive tooltips appear on mouseover, showing country details such as renewable energy percentage, while data is loaded from a CSV file.

Vvunnamnandini13@gmail.com
84% 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
82% match
Loading thumbnail…

GDP vs CO₂ Scatter Plot — 2025

This scatter plot visualizes the relationship between GDP per capita and CO₂ emissions for countries in 2025, with each point’s color indicating the region (Asia, Europe, Americas, Africa, Oceania) and its size encoding population. Built with D3 v7, the chart maps GDP to the x-axis, CO₂ emissions to the y-axis, and uses a square-root scale for point radii. The data is loaded via `d3.csv` from a GitHub gist, and the visualization features a grid, axis labels, and region color coding, all rendered in SVG with hover tooltips.

Vvunnamnandini13@gmail.com
82% 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
82% match