molily Navigation

New data visualization project: OECD Data Portal

In July, the OECD Data Portal was launched, a central gateway to OECD publications and databases. A key element of the Data Portal is the interactive visualization of key economic and social indicators. For each indicator, the user can access the related studies and download the source data. On each country page, a compact dashboard allows the quick comparison of countries.

9elements, the company I work for, developed the front-end of the Data Portal. I was the lead developer for the Data Portal front-end and the interactive charts. The concept and design were developed Raureif and Moritz Stefaner.

The chart component and query interface is a large JavaScript (CoffeeScript) application that uses the libraries jQuery, D3, d3.chart and Lodash to draw SVG data graphics in the browser. The visualization types are bar chart, line chart with different modes, world map and table.

The user can customize the charts by changing the query parameters and by highlighting countries. The indicator visualization and the country dashboard can be saved and shared via Facebook, Twitter or e-mail. They can also be embedded into other sites as well using an IFRAME.

The Data Portal is currently in the beta phase and more features are to come. Feedback is welcome!

Visit the OECD Data Portal

Improved project: Bertelsmann Foundation GED VIZ

In 2013, 9elements developed GED VIZ for the Bertelsmann Foundation. It’s an interactive storytelling tool for journalists and researchers to create presentations using data visualizations. GED VIZ visualizes bilateral and unilateral indicators of 47 countries in a smart polygon chart.

Currently the bilateral indicators are merchandise trade, migration and bank claims; there are 27 unilateral indicators. The slideshows created with GED VIZ can be saved and embedded into news and feature articles, for example.

Since the initial launch in 2013, we have improved and updated GED VIZ significantly. Recently we implemented that the data is saved alongside with the presentation metadata. This way embedded visualizations remain untouched when the underlying data is updated. A presentation and the article that embeds it can be updated manually by the creator. This allowed us to import more recent data into GED VIZ: Now data from 2000 to 2012 is available, new countries have been added and existing data has been updated.

To allow embedding of presentations into SSL-encrypted websites, the GED VIZ tool now supports SSL encryption as well: The new embed code is protocol-agnostic, so it can be used on encrypted and non-encrypted sites without browser security errors.

GED VIZ – Visualizing Global Economic Relations

The Bertelsmann Foundation released GED VIZ as open-source software. The full MIT-licensed source code and the raw data is available on Github.