Building a responsive SVG map
The BBC are jumping on the SVG bandwagon and are leading the way. For the recent UK elections they built a responsive SVG based mapping interface that took the data from the election results system and feeds it through as JSON. The results themselves formed the boundaries and the winning electorates received their colours from the Sass collection.
Using D3 Zoom Behaviour API they manage the zooming and panning across all devices.
Check out the article for a deeper look.
Visualising data is fun. Visualising election results in real time – especially so. For the 2014 local and european elections, we wanted to build rich visual components that tell the election results in an easy to understand way. One of those visual components is a fully responsive map, built with SVG. We learned a lot building it so wanted to share with you some information about how we did it.
An excerpt from Building a responsive SVG map
