Skip to main content
SimilarExport ZIP
100%

Q1c

✓ Published0🌍 Public
Rrithwikjadala2003@gmail.com
Last edited Oct 5, 2026
Created on Oct 5, 2026
Forked from HTML Starter

This 3D scatter plot maps countries by GDP per capita, CO2 emissions per capita, and the percentage of energy from renewable sources, with each point colored by region. Using Plotly’s `scatter3d` trace type, the visualization plots the parsed CSV data from 2018 to 2023. Hovering over a point reveals the country name and year, allowing exploration of how these three variables relate across different global regions.

AI-generated description
MIT Licensed

Similar vizzes

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

scatter plot

This scatter plot shows the relationship between GDP and CO₂ emissions for countries in 2020, with circle size encoding population and color highlighting China, the United States, and India. Hovering over a point reveals a tooltip with country details. Built with D3 v7, the visualization uses d3.tsv for data loading, d3.scaleLinear for axes, d3.scaleSqrt for sizing, and d3.axisBottom/axisLeft for rendering SVG axes with animation on tooltip transitions.

Bbadrinath888@gmail.com
77% match
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
77% match
Loading thumbnail…

scatter plot practice

This example displays a scatter plot that maps each country’s GDP on the x-axis against its CO2 emissions on the y-axis, using static data from a CSV file. The visualization uses React with d3.v6 to create an SVG chart, employing `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` for data loading. Circles represent countries with a fixed radius of 10 pixels, colored in green, and hover events log data to the console. The chart is rendered within a specified margin and width, ensuring a clean layout.

Ookahne@gmail.com
76% match
Loading thumbnail…

HW6 project

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.

AAnusha Pujari
76% match
Loading thumbnail…

SDV

A 3D scatter plot maps country-year observations along GDP, carbon emissions, and energy use per capita, with color-coded regions and year filtering. The view includes multiple switchable layouts, from rotatable 3D perspectives to sorted bars and small multiples, plus an animation play button. Built with D3 v7 and Plotly.js, it loads CSV data and uses Plotly’s 3D scene controls, camera reset, and delayed tooltip interactions for exploration.

Eeko.5samuel@gmail.com
76% match
Loading thumbnail…

3D Scatter Plot - Bonus ICE

A 3D scatter plot displays economic indicators for G20 countries from a CSV dataset, plotting inflation rate, population in millions, and GDP in billions. Each point represents a country, with hover text revealing its name, and duplicate marker traces render the same data with distinct visual styling. The visualization uses Plotly’s `scatter3d` type via `Plotly.newPlot`, while D3’s `csv` function loads and parses the data, with axes explicitly labeled through the layout’s scene configuration.

KKevin Raj
76% match