11 Posts by Mathias Schäfer

Visualization of healthy life expectancy at birth in years. World map with country shapes colored in different shades of blue according to the life expectancy. India is highlighted with 58.1 years in 2021.

Visualizing global health data on data.who.int

For the past three years, 9elements has worked collaboratively with UK agency , helping the World Health Organization (WHO) to visualize global public health data on , WHO’s central data hub. Open health data plays a key role for guiding public...

Read more about Visualizing global health data on data.who.int
Horizontal bar chart showing multiple bars with percentages next to them

Responsive bar charts in HTML and CSS

Building flexible data visualizations for international sites For our international clients, we have created dynamic charts and data visualizations for the web. Charts typically render shapes like lines and paths, rectangles and circles. They contain...

Read more about Responsive bar charts in HTML and CSS
A man wearing a backpack sits on a rock, focused on his laptop, while a hotpink, purple atmosphere with mountains and other organic shapes is around him. We see two vibrant blue planets looming in the background, creating a cosmic scene.

A JavaScript Testing Journey

In software development, there are few topics  as controversial as test automation . The first controversy revolves around the  fundamental value of automated tests . What can automated testing achieve and contribute to correct, bug-free software...

Read more about A JavaScript Testing Journey
The red angular logo on top of a purple background.

Testing Angular applications

Automated software testing is a controversial topic in the programming community. Some developers are avid proponents of testing and test-driven development. Some developers recognize the value of automated testing but consider the effort to be...

Read more about Testing Angular applications
An illustration of a factory machine where feathers, carrots and cheese are the input. Out of the machine come cute rabbits with mouse-like curly tails and wings.

Maintaining JavaScript applications in the long term

In 2019, I wrote an article on  . As a follow-up, I’d like to describe a client project we are maintaining since 2014. The Organisation for Economic Co-operation and Development (OECD) is an intergovernmental body that collects data and publishes...

Read more about Maintaining JavaScript applications in the long term

New project: OECD Data Portal

In July, we have launched a new client site, the  . The OECD is an international organization that analyses national economies to coordinate the policies of its member states. The OECD conducts well-known studies like   and publishes reports and...

Read more about New project: OECD Data Portal

Why JavaScript web applications should embrace traditional URLs

In this article, I will first take a high-level look at modern frontend architectures: In a time where web apps easily surpass 1 MB of JavaScript, what should we try to achieve? Second, based on these considerations, I’m going to argue that...

Read more about Why JavaScript web applications should embrace traditional URLs

How we built the data visualization tool GED VIZ

Last week we released  , a tool to create data visualizations for the web. It’s free to use and also  ! See the   for general information. GED VIZ is a large JavaScript (“HTML5”) application that runs in modern web browsers. It’s made using open...

Read more about How we built the data visualization tool GED VIZ

GED VIZ: An HTML5 data visualization tool

Good visualisations are more than just fancy graphics. They are a lot about storytelling, shedding light on important issues, and at the same time inspiring us to raise new questions. Building such visualisations can be a very time-consuming effort,...

Read more about GED VIZ: An HTML5 data visualization tool

JavaScript MVC frameworks: A Comparison of Marionette and Chaplin

JavaScript application development is a hot topic and people are wondering which framework they should pick. In this post I’m going to compare two of them.  and   are frameworks on top of the popular   library. Both seek to ease the development...

Read more about JavaScript MVC frameworks: A Comparison of Marionette and Chaplin

Chaplin – an Application Architecture based on Backbone.js

Today we’re releasing the application architecture of moviepilot.com into the public: Meet Chaplin! In April 2011, Moviepilot, a successful Berlin-based startup, asked us to help building their new product  . After having established an...

Read more about Chaplin – an Application Architecture based on Backbone.js