3D weather graphics for real-time forecasts
A new look for weather maps and a completely new system for producing weather forecasts at the BBC.
Layers of Met Office weather data displayed over true 3D maps using the New Zealand ‘Weatherscape’ system adapted specially for the BBC. Weather data is shared across all the BBC regional centres as well as online outlets. 3D broadcast graphics all rendered in real-time.
The BBC Weather graphics picked up a BDA award in the category ‘Information Graphics’ at the BDA World Gold Finals 2006.
The new BBC Weather graphics were launched in May 2005 using real-time 3D technology to overlay more accurately the weather data over moving maps.
The redesign was quite a long time in preparation, and represented a big change at the time. But over a decade later it’s nice to see the maps I designed still on air, and pretty much as I left them (barring a few tweaks – the rippling sea is a nice touch!).
It is also interesting to see how the system copes year after year, given everything the weather can throw at it, still using the same core concepts for showing many layers of weather data simultaneously. It has proved, I think, to be a very robust system.
A lot has changed behind the scenes since these weather graphics first aired – notably the Met Office losing the contract to supply the BBC with data and forecasters (UPDATE: it was recently announced that the Met Office contract has been extended until 2018). The contract to provide the new graphics system has been awarded to MeteoGroup (I think that was announced quite a while ago too). MeteoGroup already do the weather graphics for a number of broadcasters, so it will be interesting to see how any new BBC versions shape up, if and when they arrive on our screens and devices.
Ident
A composite of an actual glass sphere from a heliograph with 3D Maya animations of refracted skies, using After Effects. Below : static tests and broadcast versions.
![BBC Weather ident - frost test test for new BBC Weather ident - frosty](https://www.mikeafford.com/images/weather-graphics/bbc-weather-ident-frost-test.jpg)
ident test
![BBC Weather ident - rainbow test test for new BBC Weather ident - rainbow](https://www.mikeafford.com/images/weather-graphics/bbc-weather-ident-rainbow-test.jpg)
ident test
![BBC Weather ident - blue skies BBC Weather ident - blue skies](https://www.mikeafford.com/images/weather-graphics/weather09.jpg)
BBC Weather ident – blue skies
![BBC Weather ident - grey skies BBC Weather ident - grey skies](https://www.mikeafford.com/images/weather-graphics/weather14.jpg)
BBC Weather ident – grey skies
Weather Symbols
See the full set of traditional BBC Weather symbols
Here are some early tests and example of reworked cloud symbol. The classic symbols were re-drawn – just a few minor tweaks, mostly to help them work at small sizes on the web.
From ‘The Cloudspotter’s Guide’ by Gavin Pretor-Pinney :
‘The cumulus symbols were used to stand for cloud cover for thirty years until 2005, when the BBC weather graphics were completely redesigned into a dynamic 3D system, which showed how cloud coverage and rainfall distribution varied in real time. Whilst the new system gave a much more accurate indication of cloud cover, viewers complained that the way the camera panned and swooped across the computer generated map made them feel sick. But perhaps that was just and excuse and, like me, they were merely sad to have to say goodbye to the friendly Cumulus symbols.’
Weather Maps
Replacing symbols with data-driven surface effects – early proof of concept
Base maps – early colour tests
Early colour palettes for ‘day’ and ‘night’
Tests for cast shadows
Test : Observed (satellite) day / night. Forecast (sun and shadow)
Outlook icons
Icon development : symbol + background
Icon development : temperature + background
![BBC Weather - outlook tests weather icons - outlook tests](https://www.mikeafford.com/images/weather-graphics/weather04.jpg)
turned out nice again
![BBC Weather - outlook tests weather icons - outlook tests](https://www.mikeafford.com/images/weather-graphics/outlooks04.gif)
outlook icon on the BBC Weather home page
BBC Weather graphics : On air
![BBC Weather graphics - 'Grey skies' opening BBC Weather graphics - 'Grey skies' opening](https://www.mikeafford.com/images/weather-graphics/weather17.jpg)
‘Grey skies’ opening
![weather graphics - pressure with rain weather graphics](https://www.mikeafford.com/images/weather-graphics/weather15.jpg)
Atlantic pressure with rain
![BBC Weather graphics - temperatures BBC Weather graphics - temperatures](https://www.mikeafford.com/images/weather-graphics/weather16.jpg)
temperatures
![BBC Weather graphics - Long-range forecast BBC Weather graphics - Long-range forecast](https://www.mikeafford.com/images/weather-graphics/weather18.jpg)
Long-range
![BBC Weather graphics - Outlook BBC Weather graphics - Outlook](https://www.mikeafford.com/images/weather-graphics/weather20r.jpg)
Outlook
![BBC Weather graphics - Northern Ireland close up BBC Weather graphics - Northern Ireland close up](https://www.mikeafford.com/images/weather-graphics/weather19.jpg)
Northern Ireland close up
![BBC Weather graphics - Overnight frost BBC Weather graphics - Overnight frost](https://www.mikeafford.com/images/weather-graphics/weather21.jpg)
Overnight frost
![BBC Weather graphics - Northern Satellite image BBC Weather graphics - Satellite image](https://www.mikeafford.com/images/weather-graphics/weather22.jpg)
Satellite image
The mighty Dan Corbett
See also (external links)
- Winds of change BBC News (May 2005).
- New Graphics – FAQ (no longer available) : The BBC’s official response to the many queries from the public following the launch.
- Metra – Weatherscape : The New Zealand company behind the graphics software.
- BBC Blogs (2015) : Nigel Charters, Project Director, BBC Weather re-procurement explains the rationale behind the process to secure the future of the BBC’s weather service.
- BBC Blogs (2016) : The future of the BBC’s weather service.