Skip to main content
100%

World Bank Climate CO2 Emissions (per capita) D3 + CartoDB

✓ Published0🌍 Public
Aandrewxhill
Last edited Jan 23, 2013
Created on Jan 23, 2013

A grid of small SVG donut charts displays per-capita CO2 emissions for countries from 1979 to 2009, with each ring segment representing a year and colored by emission value via a linear scale from white to red. The visualization loads data from the CartoDB SQL API using a JSON query, and D3.js v3 builds the pie layout and arcs. Hovering highlights a segment, and tooltips show the year and value. A legend maps the color scale to emission levels, while the underlying dataset comes from the World Bank indicator.

AI-generated description

Similar vizzes

Loading thumbnail…

World Bank Climate CO2 Emissions (per country) D3 + CartoDB

Small multiples of pie charts display CO₂ emissions per country from 1979 to 2009, with each chart representing one nation and its code as a central label. The pie slices are equal in size, while color encodes emission levels using a white-to-red scale with an accompanying legend. Built with D3 v3 and the CartoDB SQL API, the visualization loads country-level data from a hosted table, arranges the charts via SVG, and applies hover effects that highlight individual slices. The source dataset originates from World Bank indicators.

Aandrewxhill
92% match
Loading thumbnail…

D3 Data Dashboard

This dashboard visualizes global CO2 emissions across countries, continents, and years, allowing users to compare total emissions or per-capita values via an interactive world map, a pie chart of continental shares, and a bar chart of annual trends for a selected country. Built with D3 v4, it uses `d3.geoMercator` and `d3.geoPath` for map rendering from TopoJSON world atlas data, plus animated SVG transitions for the map, pie arcs, and bars. A year slider and radio buttons drive updates, with tooltips revealing detailed values from the CSV dataset.

VVishnu Sudireddy
81% match
Loading thumbnail…

Drawing a Scatterplot

This visualization shows a scatterplot of 1995 World Bank data, plotting GDP per capita on the x-axis against CO2 emissions per capita on the y-axis, with circle size encoding population. Each country is rendered as a labeled SVG group with a circle and text label. The code uses `d3.csv` to load the data, `d3.scalePow` with an exponent of 0.5 for both axes, `d3.scaleSqrt` for sizing circles, and `d3.axisBottom`/`d3.axisLeft` to draw the grid. Clicking a country highlights it with a red stroke via the `classed` method.

ZZhengyan Yu
80% match
Loading thumbnail…

123

This sunburst chart displays global CO₂ emissions, with the top-emitting countries grouped by their respective regions. Using D3.js v6, the chart partitions a hierarchical dataset, rendering each segment as an arc whose angle and radius correspond to emission values. The visualization employs `d3.partition` and `d3.arc` for geometry, with regional colors from `d3.schemeCategory10` and country colors from `d3.schemePastel1`. Tooltips reveal exact emission figures, while an interactive legend color-codes both regions and individual countries.

Nnitinramagiri1@gmail.com
79% match
Loading thumbnail…

project d3

This visualization presents global CO2 emissions and population data through a series of linked charts. It shows a line chart of emission trends over the last twenty years, a scatter plot by country, a histogram of emission values, and bar charts highlighting the top and least populated countries. The code uses d3.csv to load the dataset, then employs d3.group, d3.sum, and d3.scaleBand, alongside d3.line, d3.axisBottom, and d3.axisLeft to render SVG charts.

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

THE WORLD BANK: World CO emissions (metrictons per capita)

This visualization maps World Bank data on CO₂ emissions per capita from 1960 to 2011, presented as a time-series choropleth of the world. Each country’s emissions level is encoded with a sequential color scale, and a year slider or animation reveals changes in emissions intensity over time. The data is sourced from a gist by albamartinc and displays metric tons per capita, with missing early years for some countries. The visualization emphasizes global disparities and temporal trends in emissions, with color intensity providing an immediate visual cue to high and low emitters.

Aalbamartinc
77% match
Loading thumbnail…

Project Prototype 3

This visualization displays cumulative greenhouse gas emissions for the ten highest-ranked countries from 1990 to 2013, with each country represented by a circle scaled by population and a line indicating annual emissions. The chart uses D3 v4 to create an SVG scene with animated transitions between years, including top and bottom marks connected by rectangles to show cumulative totals. The data comes from a CSV file containing country, year, GHG values, cumulative GHG, and population figures, rendered using `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`.

RRobertDelgado
76% match