HDI

continue →

< >

Welcome to the Energy Trilemma Colorwheel!

This visualization uses public World Energy Council

data to explore the component deficit/advantage

in their two curated indicators:

Energy Trilemma & Contextual Performance

This is a complex visualization with 3 interlinked parts.

The map above, two colorwheels - and a bar chart.

We will see what do the colors symbolize in a minute,

but let me walk you through the user interface first.

Hover over any country to display info about the

Energy Trilemma (E3I) & Contextual Performance (CXP).

Change the indicator, switch between Advantage/Deficit,

↓ and select the year using these buttons below ↓

(we will see the difference between Advantage and Deficit soon)



Rather than looking at the absolute values or rankings,

we analyze the imbalance between its components.

Check out our previous, similar approaches on HDI

here, We present the Energy Trilemma from a completely new angle.Rather than looking at the absolute values or rankings,we analyze the imbalance between its components.Check out our previous, similar approaches on HDI here and here



In the R G B color space, every color is uniquely defined

by a triplet of red , green and blue values (each 0-100%).

By convention, black is ( 0 , 0 , 0 ) and white is ( 1 , 1 , 1 ). For this we use a colorwheel In thecolor space, every color is uniquely definedby a triplet ofandvalues (each 0-100%).By convention,is () andis ().

Points closer to the center are darker.

The center point has a triplet value of ( 0 , 0 , 0 ).

As we drift away from the center,

points get brighter. The red "corner" is ( 1 , 0 , 0 ).





Now, let's swap R G B for security , sustainability and affordability .

Every country gets a color and thus a place on the colorwheel.

Larger bubbles are the more populous countries.

Countries with similar values for each component

are in the middle. We call them balanced.

Others have a imbalance or Deficit in one of the 3 components.

For larger imbalances, bubbles drift towards the edge.

This information is also coded in the color brightness.

Now we understand the colors on the map.

Again, we can use component Deficit or Advantage.

In fact, let's add a second colorwheel!

Then we can switch between indicators, let's see →

← Here is the second colorwheel.

← ← And there's a third one, as the legend.

The map is always colored after the main wheel.

Colorwheel bubbles are interactive, try it out!

The last element is a bar chart. This will appear here.

We have countries sorted left-right by population.

Bars show the geometric mean of indicator components.

This is an overall metric about the indicator

and should be used in conjunction with the colorwheels.

This is it! Explore the interface and have fun!