Skip to main content
SimilarExport ZIP
100%

Fork of Project 6 Question 2 Part 2

✓ Published0🌍 Public
Ppezguy97@gmail.com
Last edited Oct 7, 2026
Created on Oct 7, 2026

This animated scatterplot shows GDP per capita versus CO₂ per capita over time, with points colored by region and a play/pause button to step through yearly frames. It loads CSV data via `d3.csv`, maps numeric columns, and uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with the Tableau10 scheme for region colors. Each frame filters rows by year and transitions circle positions using `transition().duration(700)`, updating a status line with the current year.

AI-generated description
MIT Licensed

Similar vizzes

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

Assignment 5

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.

Ppezguy97@gmail.com
83% 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
82% 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
81% match
Loading thumbnail…

Fork of Project 6

A horizontal bar chart displays 2023 CO₂ per capita for countries, sorted descending and colored by region. It uses d3.csv to load data, d3.scaleLinear for bar lengths, d3.scaleBand for country positioning, and d3.scaleOrdinal with d3.schemeTableau10 for color encoding. A tooltip appears on mouseover, and an SVG legend shows the region categories.

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

Fork of 6th visualisation 1

This scatter plot visualizes the relationship between population and GDP across countries, with each point colored by region and interactive tooltips showing country details. It uses D3 v7 to load CSV data from a GitHub repository, then renders an SVG chart with linear scales for both axes and an ordinal color scale based on region_id. The code employs d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft to construct axes, circles, and a categorical legend, all within a responsive layout.

Cchintamanenithp@gmail.com
80% match