Skip to main content
100%

Renewable Energy Bar Chart

✓ Published0🌍 Public
Aacmaneira
Last edited May 5, 2015
Created on May 5, 2015

This bar chart displays the percentage of renewable energy generation relative to other energy sources across several OECD countries for the year 2011. The data is loaded from a CSV file, sorted in descending order by the 2011 value, and rendered as horizontal bars using D3 v3 with SVG. Each bar’s width encodes the renewable energy percentage, and hovering over a bar reveals a tooltip with the country name and its value. The visualization is styled with a light blue background and white SVG canvas.

AI-generated description

Similar vizzes

Loading thumbnail…

OECD - Renewable energy

The visualization shows how renewable energy production per capita (in kilograms of oil equivalent) evolves from 2002 to 2011 across OECD countries and the world. It uses a bar chart race, where each country is represented by a horizontal bar that updates its length and position over time. The code employs D3.js with `d3.forceSimulation` for smooth animated transitions of bar heights, and it reads the time-series data from the `renewable_energy.csv` file. The data source is the OECD, with values displayed as numeric labels beside each bar.

Aacmaneira
85% match
Loading thumbnail…

Renewable consumption in the European Union

This bar chart shows the percentage of renewable energy consumption in European Union countries for 2013, sorted in descending order from Sweden to Luxembourg. The visualization uses D3 v3 to load the CSV data, sort it by the renewable energy consumption column, and render SVG rectangles whose widths are scaled proportionally to each country’s percentage. Hovering over a bar reveals a tooltip with the country name and exact value via the appended `title` element. The data originates from Eurostat.

TThomasSeymat
80% match
Loading thumbnail…

OECD Renewable Energy by country

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.

CClevejones
79% match
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
78% match
Loading thumbnail…

Renewable consumption in the European Union

A horizontal bar chart ranks European Union countries by renewable energy consumption as a percentage of total energy use in 2013. The bars are sorted in descending order, with Sweden at the top and Luxembourg and Malta at the bottom, and each bar includes a tooltip showing the exact percentage. The visualization uses d3.v3 with SVG rendering, employing ordinal and linear scales for the axes, and sorts the data with `d3.descending`. Data comes from a CSV file sourced from Eurostat.

TThomasSeymat
78% match
Loading thumbnail…

Renewable consumption in the European Union

This horizontal bar chart ranks 28 European Union countries by their renewable energy consumption as a percentage of total energy use in 2013, with Sweden at the top and Luxembourg at the bottom. The visualization uses d3.v3 with SVG rendering, employing a linear `d3.scale.linear` for the x-axis and an ordinal `d3.scale.ordinal` with `rangeRoundBands` for the y-axis country categories. Data is loaded from a CSV file via `d3.csv` and sorted in descending order, with green bars and hover opacity changes for interactivity. The chart includes axis labels via `d3.svg.axis` and tooltips through appended `title` elements, sourced from Eurostat.

TThomasSeymat
78% 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
78% match
Loading thumbnail…

Bar Chart

This bar chart displays the average share of renewable energy production from 2000 to 2020 across EU member states. It uses the p5.js library, loading CSV data via `loadTable` in a `preload` function and rendering custom axes, tick marks, and bars through functions like `drawTicks`, `drawAxis`, and `drawBars`. The bars are drawn with `rect` after translating coordinates, with heights scaled proportionally via `getHeight`, and the chart includes a title and axis labels.

Mmandadi1999
77% match