World Economic Forum

Winter 2017

  • React

Off the back of the successful Hoffmann Centre project for Applied Works, I was asked to help out on a project for the World Economic Forum, preparing a sophisticated chart to be used in their annual Global Competitive Index report.

This project marked my introduction to the world of React as well as the finer points of hand-coding SVG. The chart uses an established WEF data layer to read from internal APIs, then display multivariate data in a rich and interactive visualisation. It’s even responsive, with three distinct layout modes from a minimal mobile version through to increasingly featureful tablet and desktop versions.

Browser bar illustration
The GCI Chart component in desktop layout

The GCI Chart component in desktop layout

Mobile device illustration

This preview is scrollable!