Data
Visualisation
and information
graphics

Presenting data and other information in a visually engaging way is an important part of our brand. It helps us communicate scientifc information and other facts clearly.

Our brand is strengthened by the depth of our knowledge and experience. We’re experts in research and the science of environmental concerns around the world. We have a lot to say, but we need to concentrate our message so it can be easily understood.

Presenting data and information in the right way can help us get the detail across in a way that will engage the public and encourage them to get involved — and enable change.

Data and information tools

We have a number of tools to help us present data and information in a simple, clear and engaging way.

  1. A. Highlights

    Highlights are pieces of information we want to emphasise or make prominent. We create them when we have large amounts of copy or data and we want to pull out key parts for our audiences to digest easily.

  2. B. Impactful numbers and words

    Setting significant numbers and words in larger text draws the eye. We do this to highlight important information, but we must always provide clear context too.

  3. C. Maps

    Our work covers the whole planet, so we need to give our audiences context of where we’re working and what we’re doing. Maps are essential for getting our messages across. They should always be portrayed accurately and not become too stylised.

THE INCREASE IN THE EARTHS PRODUCTIVITY IS NOT ENOUGH TO COMPENSATE FOR THE DEMAND OF THE GLOBAL POPULATION25% LESSCARBONOur Living Planet Centre produces nearly 25% fewer carbonemissions per square metre than our previous headquartersA. B. C.
  1. D. Silhouettes

    We use silhouettes to bring data and information to life in a clear and distinctive style. They are easy to work with and when used to help visualise data and information graphics they are hugely effective and impactful.

    We must always be as accurate as possible when we represent animals and objects as silhouettes. Our silhouettes are outline drawings and not pictograms.

  2. E. Graphs and charts

    Graphs and charts are essential to our communications. We use our expertise and research as the basis for all of our conservation and campaign work.

39%2013/145001001502002502015E. D. 50.120.912.86.25.44.6

Highlights

Highlights are pieces of information we want to emphasise or make prominent. We create them when we have large amounts of copy or data and we want to pull out key parts for our audience to digest easily.

There are several ways we can use highlights – in the margin, within longer copy, combined with a silhouette or as part of a set of infographics.

The next few pages give guidance on content and visual execution of highlights.

Creating highlights

It’s important to give full context to our highlights. The reader must get enough information from the copy given and not need to look elsewhere to understand what they’re reading.

Highlights not headlines

Highlights don’t perform the same function as a headline might. A headline is used to entice and interest the reader; a highlight is used to give clear, short highlights of information.

Typography

You can set highlights in Georgia Regular as well as WWF.

Colour

You can use colour to draw attention to highlights. Refer to our colour system when applying colour.

OUR LIVING PLANET CENTRE PRODUCES NEARLY 25% FEWER CARBON EMISSIONSPER SQUARE METRE THAN OUR PREVIOUS HEADQUARTERSIn 2012, elephantpopulations increasedin southern Africa100+ fisheriesworldwide are now MSC certified 100,000 elephantsare killed each yearby ivory poachersTHE INCREASE IN THEEARTHS PRODUCTIVITY ISNTENOUGH TO COMPENSATEFOR THE DEMAND OF THEGLOBAL POPULATIONRECYCLED CONTENTOF THE WORLDS PAPERHAS REACHED 53%

Impactful numbers and words

Our impactful numbers and words draw the eye. We use them to highlight key facts and make a point. But we must always give them clear context. They’re great for drawing attention to key points from large amounts of copy. But they’re equally good for introducing a stand alone fact.

There are several ways we can use impactful numbers and words: in the margin, within longer copy, combined with a silhouette or even as part of a set of detailed infographics.

Creating impactful numbers and words

Use impactful numbers and words to grab attention and draw the eye of the reader. You must back them up with enough information and context so the reader doesn’t need to look elsewhere.

Typography

You can set impactful numbers or words in WWF and you can add Georgia Regular or Open Sans Regular for the context copy.

Colour

You can use colour to draw attention to highlights. Refer to our colour system when you apply colour.

In 2012, elephant populations increased by 17.5% in southern Africa100+ FISHERIES WORLDWIDEARE NOW MSC-CERTIFIEDGLOBALLY, 100,000 ELEPHANTSARE KILLED EACH YEAR BYIVORY POACHERS100,00025% LESSCARBONMSC-CERTIFIED53%Our Living Planet Centre produces nearly 25% fewer carbon emissionsper square metre than our previous headquartersEARTHSPRODUCTIVITYELEPHANTPOPULATIONS INCREASEDThe increase in the Earthsproductivity hasnt been enoughto compensate for the demandsof the growing global populationRECYCLED CONTENTOF THE WORLDS PAPERHAS REACHED 53%

Map

Our work covers the whole planet, so we need to give our audiences context about where we’re working and what we’re doing. Maps are essential for getting our messages across.

We can use maps in many ways to help us communicate different levels of information. But the key to all our data and information is to keep it as simple and clear as possible.

Map style

There are many places to source a huge variety of maps. You should choose what is appropriate to get your message across in the most effective and accurate way. And consider these points when sourcing and designing.

  1. Always use maps with good quality outline detail. Zoom in and check the quality of the outline. Maps can often look good when they are small but are in reality very poorly drawn.
  2. Always colour maps with fat colours.
  3. Use colour rather than lines to differentiate between areas within maps. You may use thin lines if the detail is required.
  4. Don’t use stylised maps.
E. A. D. B, C.

Using map

Maps can help give context to our global projects, in-depth research and scientific information. It’s important to make information easy to digest. We want to inform and educate our audiences but we don’t need to overwhelm them.

Simplify

Simplify your maps and the information you want to show. The simpler the better. The examples on the right show how you can use maps to help deliver data and information simply and clearly.

Typography

Set typography with maps in Georgia Regular or WWF. You can set secondary copy in Georgia or Open Sans.

Colour

Use colour to draw attention to maps. Refer to our colour system when applying colour.

IN 2012, ELEPHANTPOPULATIONS INCREASEDIN SOUTHERN AFRICABY 17.5%2000Inupiat and InuvialuitPolar Bear ManagementAgreement signed2009Greenland and CanadaPolar Bear Pact signed2000US-Russia Polar BearAgreement signedPOLAR BEARPROTECTION112323RHINO POPULATION ACROSS AFRICASpecies current range Black and white rhino Black rhino White rhino Monitored populations Population increase Population decreaseCurrent range of black and white rhinos (Emslie, 2012a, 2012b) and individual population trends.The range is shown as whole countries due to the security issues of showing exact locations and includes countries where populations have been reintroduced or introduced to new areas. The dots show the approximate location of monitored populations and denotes whether the overall trend has been an increaseor decrease. Dots outside the range are in countries where rhinos are suspected to have become extinct.

Silhouettes

We use silhouettes to bring data and information to life in a clear and distinctive style. They’re easy to work with and when used to help visualise data and information graphics they are hugely effective and impactful.

We must always be as accurate as possible with our representation of animals and objects as silhouettes. Our silhouettes are outlines of real images.

Creating silhouettes

Choosing or creating an on-brand silhouette isn’t as easy as it may seem. There are many ways to create a silhouette, and many places to source them. You should use what’s appropriate to get your message across in the most effective and accurate way. But consider the next few pages when you’re sourcing and designing.

Using silhouette data

Combining silhouettes with ‘highlights’ or ‘significant numbers and words’ can really bring information to life. Where factual information could seem a bit dry, these graphics can make things more engaging.

Silhouettes can help give context to in-depth scientific information. It’s important to make information easy to digest. We want to inform and educate our audiences but we don’t need to overwhelm them.

Silhouette quality

Choose accurate and good quality silhouettes for the information you’re working with.

Typography

Set typography with silhouette data in Georgia Regular or WWF. You can set secondary copy in Georgia or Open Sans.

Colour

Use colour to draw attention to silhouette data. Refer to our colour system when you apply colour.

Populations of landand marine wildlifehave fallen by 39%in the last 45 yearsPopulations of landand marine wildlife FALLEN BY 39%IN 45 YEARSPOPULATIONS OF LANDAND MARINE WILDLIFE HAVE FALLEN BY 39% IN 45 YEARSPOPULATIONS OF LANDAND MARINE WILDLIFE HAVE FALLEN BY 39% IN 45 YEARS-39%

Silhouette quality

  1. This elephant has depth and character. Even though it’s a silhouette, it has personality. The quality of the outline is good.
  2. This elephant looks two-dimensional. Although its quality is good, there is no depth to the visual.
  3. This elephant is poorly drawn. The quality of the outline isn’t good enough.
A. B.C.
  1. This is an outline of a real anchor showing three-dimensional depth; it’s a true silhouette.
  2. This is an illustration rather than a silhouette.
  3. This is a two-dimensional representation of an anchor. It hasn’t been drawn from a real anchor and it has no depth.
A.B.C.

Graphs and charts

Graphs and charts are essential to our communications. We use our expertise and research as the basis for all our conservation and campaign work.

From the simple to the complex, we base all our graphs and charts on three geometric shapes: triangles, circles and squares. Restricting to these shapes helps us keep our data and information presentation as simple and clear as possible.

This section explains our graph and chart style guidelines and gives some visual examples for context.

Squares and rectangles

The graphs and charts to the right show some examples of our styling of data and information using squares and rectangles. Feel free to use different shapes together.

Colour

Refer to our colour system when you apply colour to your data and information. We recommend creating a harmonious palette.

Typography

You can use any of our brand fonts to work with your graphs, but ensure you use them consistently and clearly.

10020304050607080901002013/145001001502002502015201620172018201974295221EuropeNorthAmericaSouthAmericaAsiaAfricaWorldWorld75%100%55%100%130%100%

Circles and curves

The graphs and charts to the right show some examples of our styling of data and information using circles and curves. Feel free to use different shapes together.

Colour

Refer to our colour system when you apply colour to your data and information. We recommend creating a harmonious palette.

Typography

You can use any of our brand fonts to work with your graphs, but ensure you use them consistently and clearly.

72756828%NORTH AMERICAAFRICABRAZIL55%90%200%44%32%24%50.1%20.912.86.25.44.6

Triangles and angles

The graphs and charts to the right show some examples of our styling of data and information using triangles and angles. Feel free to use different shapes together.

Colour

Refer to our colour system when you apply colour to your data and information. We recommend creating a harmonious palette.

Typography

You can use any of our brand fonts to work with your graphs, but ensure you use them consistently and clearly.

1002030405060708090100500100150200250201620172018197019801990200020102020-50%1.3m19890.59m19990.73m2009201620172018201920%35%16%