Skip to main content
SimilarExport ZIP
100%

Q2 (b) — Line Chart (CO₂ vs GDP-sorted Countries, 2025)

✓ Published0🌍 Public
Vvunnamnandini13@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from HTML Starter

A line chart displays CO₂ emissions for countries sorted by GDP per capita in 2025. The visualization uses D3 v7's `scalePoint` for the categorical x-axis, `scaleLinear` for the y-axis, and `d3.line` with `curveMonotoneX` to draw the emission trend. Points mark individual data values while rotated axis labels improve readability. Data comes from a CSV file hosted on GitHub Gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart (CO₂ vs GDP-sorted Countries, 2025)

This area chart displays CO₂ emissions across countries sorted by GDP per capita for 2025, using a monotone-curved blue fill. The visualization loads CSV data from a GitHub gist via `d3.csv`, then applies `d3.scalePoint` for the categorical x-axis and `d3.scaleLinear` for the y-axis. The `d3.area()` generator with `curveMonotoneX` renders the shaded region, while SVG axes with rotated country labels handle the presentation.

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

Line Chart with Multiple Lines

This line chart shows the annual CO2 emissions per capita for the top ten countries from 1987 to 2017, with each country represented by a distinct colored line and a corresponding legend. The visualization uses D3 v5 APIs such as `scaleTime`, `scaleLinear`, `scaleOrdinal`, `line`, and `curveBasis` to render smooth paths in SVG. Data is loaded from a CSV file, and the chart includes axes, grid lines, and a title.

Bbeca8675
77% match
Loading thumbnail…

Q4

A bubble chart shows the correlation between GDP per capita, CO2 emissions per capita, and population for 33 countries, with circle size encoding population and color distinguishing continents. Hovering over a bubble reveals the country's continent via a tooltip. The visualization uses D3 v7 with SVG rendering, employing `d3.csv` to load data, `d3.scaleLinear` for axes and bubble radius, and `d3.scaleOrdinal` with an interpolated turbo color palette. A legend maps colors to continents, and data comes from the included Co2_Emissions.csv file.

MMandadi Nishita
76% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays per-capita CO2 emissions from 1987 to 2017 for ten countries, with each colored line representing a nation and a legend on the right. The data is loaded from `annualco2.csv` and rendered as SVG paths using D3 v5’s `line` generator with `curveBasis` smoothing. Axes are drawn with `axisBottom` and `axisLeft`, while `scaleTime` and `scaleLinear` map years and emission values. A custom `colorLegend` component and `scaleOrdinal` with `schemeCategory10` assign distinct colors to each country.

Ssafdarawan
75% match
Loading thumbnail…

CO2 Bar Chart 2025

This bar chart displays CO₂ emissions by country for 2025, ranking nations from highest to lowest emissions. Each bar’s length encodes emission values in megatons, while color distinguishes geographic regions through a scaleOrdinal. The visualization uses d3.csv to load remote data, d3.scaleBand and d3.scaleLinear for positioning, and includes hover tooltips showing country, region, and precise values. Animated bar transitions grow from the baseline, and the SVG rendering includes axis labels and an interactive legend.

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