January 11th, 2012

WEF Risk Report 2012

 

For the third year in a row, I was responsible for a good deal of the graphics in the annual Global Risk Report published by the World Economic Forum. For the report, hundreds of experts take part in a survey on their perception of what they consider the most important global risk and their inter–dependency.

Three types of graphics are at the heart of the report:

The “crystal” network diagram sheds light on the “Centers of Gravity” (systemically most important risks) in each category (Economic, Environmetal, Societal, Geopolitical, and Technological Risks) and the risks strongest connected to these. The network was layed out in d3.js, using force-directed layout and a “magnetic” grid for regular spacing and to avoid overlaps. The centers of gravity and the 4 most important connectors were fixated manually in this process, to enforce the “crystal” structure. This rough layout was then imported into Illustrator and refined and tweaked by hand. There is also a version which shows a cloud of all risks in the background, but I think this one obscures the conceptual/diagrammatic nature of the original, so personally, I prefer the cleaner version.

The same interconnectivity information can be explored in an “orbit” visualization that plays a bit on the gravity theme established in the survey. Clicking a risk will put it into the center and show how strongly the other risks are connected by how close or far away they are located — a very simple, but quite effective and clean approach to network visualization, by getting rid of the lines altogether and just working with size and distance to express connectivity.

Last, but not least, we have a simple cartesian plot arranging the risks by impact and likelihood. As we gathered some information on the respondents’ region of residence and their stakeholder group, you can explore how, for instance, Asian experts’ perception on economic issues differs from the rest of the respondents.


All interactive visualizations were implemented using jQuery, underscore.js, and raphael.js. For the network visualization, I used the force directed layout from d3.js.


Make sure to consume the full interactive report or in pdf form.

9 Responses to 'WEF Risk Report 2012'

Subscribe to comments with RSS or TrackBack to 'WEF Risk Report 2012'.

  1. Noah Iliinsky
    January 18th, 2012 at 9:56 am

    Hi Moritz,

    Is the code behind your crystal network available? I’m looking for examples of force-directed diagrams with some anchors, all in d3.js, much like you’ve done.

    Thanks, Noah

  2. Moritz Stefaner
    January 18th, 2012 at 12:10 pm

    Hm, I cannot publish the full code right now, but in principle it is very easy:

    var force = d3.layout.force().nodes(nodes).links(links)...etc...
    var node = vis.append("svg:g").selectAll("g.node")
               .data(force.nodes())... etc..
    
    force.on("tick", function(){
       node.attr("transform", function(d) {
         if(fixedPosFor[d]){
           d.x = fixedPosFor[d].x;
           d.y = fixedPosFor[d].y;
         }
         return "translate(" + d.x + "," + d.y + ")";
      });
    })
  3. Datavis references | Pearltrees
    March 5th, 2012 at 11:14 am

    […] Well-formed data » WEF Risk Report 2012 […]

  4. infografiken.com
    July 5th, 2012 at 9:24 am

    We really appreciate your infographics. Briliant work!

    all the best from germany Nico @infografiken.com

  5. AlphaNetworx
    April 11th, 2014 at 10:56 pm

    I’m really enjoying the theme/design of your blog. Do you ever run into any browser compatibility issues? A couple of my blog audience have complained about my site not operating correctly in Explorer but looks great in Safari. Do you have any tips to help fix this problem?

  6. Dennis E. Schultz
    April 23rd, 2014 at 8:41 am

    My partner and I stumbled over here coming from a different web address and thought I may as well check things out. I like what I see so i am just following you. Look forward to going over your web page for a second time.

  7. Randall S. Washington
    April 24th, 2014 at 5:19 pm

    I enjoy what you guys are usually up too. Such clever work and coverage! Keep up the excellent works guys I’ve you guys to our blogroll.

  8. Phyllis V. Schultz
    April 24th, 2014 at 5:26 pm

    I love what you guys are usually up too. Such clever work and reporting! Keep up the superb works guys I’ve included you guys to blogroll.

  9. Adalberto
    July 16th, 2014 at 2:50 pm

    Sapphire is also popular for its medium to deep blue color. Women like shell beads very much, and pink is a romantic color to them, so why not try to make a pink shell pearl beads bracelet for your girl. Long ago the Native American Indian decorated their garments with painted designs.

Leave a Reply