assignment 6

100%

✓ Published0🌍 Public

Rrithwikjadala2003@gmail.com

Last edited Oct 5, 2026

Created on Oct 5, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

84% 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

84% match

Loading thumbnail…

Assignment 6

This gallery piece contrasts a Plotly 3D scatter of GDP per capita, renewable energy share, and CO₂ per capita for 50 countries in 2023 with a D3.js 2D bubble chart that encodes the same three variables using position and point area. A small-multiples view uses shared D3 scales across six yearly panels. An animated D3 version cycles through years with transitions. Hover tooltips and click-to-select interactions demonstrate responsiveness, with an optional two-second delay to illustrate latency.

ZZubair Hasan

84% match

Loading thumbnail…

2nd visualisation

This faceted scatter plot displays the relationship between GDP and renewable energy consumption, with each facet representing a different year. The data, sourced from a CSV file, is grouped by year to create individual small multiples. Each point is colored by country using a categorical color scale. The visualization is built with D3.js version 7, using `d3.csv` for data loading, `d3.group` for grouping, and `d3.scaleOrdinal` for color mapping. SVG-based axes and labels are generated for each facet, with GDP on the x-axis and renewable energy consumption on the y-axis.

Vvenkatabhaskaratetali@my.unt.edu

82% 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

82% 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

82% 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

82% match