Electing the next US president: The numbers game

Electing the next US president: The numbers game

Organisation: The Straits Times - Singapore Press Holdings Ltd (Singapore)

Publication Date: 04/07/2017


Size of team/newsroom:large


The US elections process is complicated. For our audience, we decided to strip away all the projections, possibilities and nuances to just focus on the process – and to maybe go some way to explain why most are inclined to believe the US will see it’s first female president inaugurated in January next year. All this, while still maintaining there is a certain degree of uncertainty and highlighting those key states to watch. The map morphs from geographical to cartogram on scroll using the D3 Javascript library. Ultimately, our test if this worked? If by the end of this graphic, the user managed to learn something new or understand the complicated process better – we did something right. One comment from a user “Now I know where and how the states will vote.” – this is the kind of feedback we like!

What makes this project innovative? What was its impact?

This helped to explain a complicated election process to those outside the US in a scrolly-telling format. The animations and text align to create an easy interface to encourage understanding. Ultimately, the impact is reflected within the feedback - many users appreciated the easy-to-follow breakdown. This graphic also won a Malofiej Bronze in the 25th edition.

Technologies used for this project:

SVG animations and morphing. HTML, CSS and JavaScript. Hand-coded.
Follow this project

Comments (0)

You have to be connected to contribute

You have to be connected to follow

Leave this project and no longer be informed about this project

By joining this project, you will be informed by email when an update or a new contribution is posted on the website.

Thank you for your active participation !

The GEN Community Team