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

100%

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

✓ Published0🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

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.

Vvunnamnandini13@gmail.com

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

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

83% match

Loading thumbnail…

India GDP Area chart

This visualization displays India’s annual CO2 emissions per capita over time as a filled area chart. The area path is generated with `d3.area` and `curveBasis`, while `d3.scaleTime` and `d3.scaleLinear` map years and emission values to pixel coordinates. Axes are drawn using `d3.axisBottom` and `d3.axisLeft` with gridlines, and the data is loaded via `d3.csv` from a GitHub gist. The SVG rendering uses a maroon fill for the area, with axis labels and a title styled via CSS.

LLakshmiVandanaNunna

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

78% match

Loading thumbnail…

Area Chart

This area chart visualizes global warming trends by plotting annual CO2 emissions per capita against time. The chart uses a black filled area beneath a curve to emphasize emission levels over the years, with axes labeled for both time and emission intensity. Built with D3 v5, the visualization employs `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the smooth path, while `axisBottom` and `axisLeft` add gridlines and tick marks. Data comes from the Data Canvas - Sense Your City dataset, rendered as SVG in the browser.

RRohith Reddy

77% match

Loading thumbnail…

Drawing a Scatterplot

This scatterplot shows the relationship between GDP per capita and CO2 emissions per capita for countries in 1995, with circle size encoding population. It uses d3.csv to load World Bank data and d3.scalePow and d3.scaleSqrt to map values. The SVG visualization includes clickable country nodes, each with a labeled circle, and displays axes with tick marks created using d3.axisBottom and d3.axisLeft.

ZZhengyan Yu

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

76% match