OECD Renewable Energy by country

100%

OECD Renewable Energy by country

✓ Published0🌍 Public

Last edited Mar 17, 2015

Created on Mar 17, 2015

This visualization uses a bump chart to compare the share of renewable energy in total energy consumption across OECD countries from 2002 to 2012. The graphic shows the ranking of each country over time, with lines connecting each country’s position year to year. It uses D3’s `d3.forceSimulation` for layout and `d3.select` for DOM manipulation, while the data comes from a CSV file. The chart makes it clear that while countries like Iceland and Norway remain top performers, others shift significantly in rank, highlighting changes in renewable adoption over the decade.

AI-generated description

Similar vizzes

Loading thumbnail…

Renewable energy production vs Consumption from 10 Random Countries

This example visualizes renewable energy production versus consumption for nine countries in 2010 using a diverging stacked bar chart. Each bar shows the ratio of energy consumption to production, with bar segments colored by relative production values using a diverging RdYlGn color scale. The visualization uses D3 v7 to load CSV data, apply scales for positioning and color, and render SVG elements including axes, labels, and a linear gradient legend. The chart filters data to aggregate renewable sources and formats each country's values for comparison.

Mmandadi1999

71% match

Loading thumbnail…

Global renewable energy production (per capita) from 2010-2020

This visualization shows the ratio of energy consumption to production for ten countries in 2010, with each bar colored by the relative production of renewable energy. A diverging stacked bar chart uses a linear scale for the x-axis and a band scale for the y-axis, while a diverging color scale (interpolateRdYlGn) encodes production values. The chart is rendered as an SVG using D3 v7, with data loaded from a CSV file via `d3.csv` and axes created with `d3.axisBottom`.

PPeter Gish

69% match

Loading thumbnail…

Vizualisation

This visualization displays renewable energy levels by country on a natural Earth projection map, with a color legend categorizing ordinal data. It uses d3.geoPath and d3.geoNaturalEarth1 to render world shapes, d3.scaleOrdinal with schemeSpectral for color mapping, and d3.zoom for panning. Data comes from a TSV file joined to TopoJSON world atlas geometries via d3.tsv and d3.json. Hovering highlights countries in red, and tooltips show country names and renewable values.

KKahlaoui-Ismail

68% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays the top 10 countries by total non-renewable energy generation (in TWh) during COVID, using a pie chart with a legend listing each country and its corresponding generation value. The chart uses d3.pie, d3.arc, and d3.scaleOrdinal with schemeCategory10 for coloring. It loads CSV data from a GitHub gist via d3.csv, sorts the data descending, and renders SVG paths for slices. Mouseover events log the data to console, while legend entries combine rects and text elements.

VVAbhiram99

66% match

Loading thumbnail…

Geospatial Map of Top 10 Oil Producers in 2020

This geospatial visualization maps the top 10 oil-producing countries in 2020, with each country represented by a semi-transparent circle sized according to its production data. The map connects to a companion chart on CO2 emissions to explore the relationship between oil production and renewable energy transitions. Built with React and D3 v5, it uses `d3.geoPath` with a Mercator projection to render world landmasses and country boundaries from TopoJSON data. The country locations and production values come from a CSV file hosted on GitHub, sourced from EIA data via IG.

88Tigers2020

65% match

Loading thumbnail…

Colm Lang A4 | Scatter Plot

This scatter plot displays the relationship between total power generation (in TWh) and the renewable share of production (as a percentage) for European countries in 2020. Each green circle represents a country, positioned along the x-axis for generation and the y-axis for renewable share. The visualization is built with D3.js v7, using `d3.csv` to load the external dataset, `d3.scaleLinear` for axis scaling, and SVG `<circle>` elements for the data points. The plot is styled with a custom CSS background and Roboto font.

CColm Lang

65% match

Loading thumbnail…

Colm Lang A2 Dot Plot

This dot plot visualizes the average share of renewable energy production per country in Europe for 2020. It displays each country as a green dot along a horizontal axis, with tick marks and labels indicating percentage values. The visualization uses the p5.js library to load a CSV dataset, draw the axis, ticks, and dots, and render country labels. It calculates axis scaling and tick spacing dynamically based on the data range.

CColm Lang

64% match

Loading thumbnail…

Pie Chart

This pie chart displays renewable energy generation from solar photovoltaics for the top ten countries during the COVID-19 period, with each slice representing a country’s output in terawatt-hours. The chart uses d3.pie and d3.arc to compute and draw the SVG paths, while d3.scaleOrdinal with schemeCategory10 provides the slice colors. A legend lists country names and corresponding values, formatted with a custom number format. Data is loaded as CSV from a GitHub gist, sorted descending, and rendered with React integration.

VVAbhiram99

64% match