42
Eye catching science Finding the visual story in your data Part 1: the tools FUTURE EARTH POP-UP WEBINAR SERIES

Eye-catching science: free tools to create data visualizations and infographics

Embed Size (px)

Citation preview

Page 1: Eye-catching science: free tools to create data visualizations and infographics

Eye catching science

Finding the visual story in your data Part 1: the tools

FUTURE EARTH POP-UP

WEBINAR SERIES

Page 2: Eye-catching science: free tools to create data visualizations and infographics

Infographic Data Visualisation

http://www.jackhagley.com/What-s-the-difference-between-an-Infographic-and-a-Data-Visualisation

Page 3: Eye-catching science: free tools to create data visualizations and infographics

Visualisation

Information

Graphic

Data=

=

editorialisation+ -complexity- +generative ✓✕

Page 4: Eye-catching science: free tools to create data visualizations and infographics

The award for most important design tool goes to:

Page 5: Eye-catching science: free tools to create data visualizations and infographics

Before we do any pixel pushing…

• Where does this graphic fit into your organisation’s communications & social media strategy?

• Who is your intended audience & how does that changewhat we’re going to show them?

• How does our chosen delivery medium changewhat we’re going to create?

• What is the story we’re going to tell our audience?

Page 6: Eye-catching science: free tools to create data visualizations and infographics

Tiered information strategy

http://www.slideshare.net/Future-Earth/how-to-tweet-about-science-and-sustainability

yoursite.com

‘Teaser’ content

‘Storefront’ content

‘Key’ content

Page 7: Eye-catching science: free tools to create data visualizations and infographics

yoursite.com

‘Teaser’ content

‘Storefront’ content

‘Key’ content

Scientific papers?

Page 8: Eye-catching science: free tools to create data visualizations and infographics

Who is your intended audiencefor this graphic?

3,140 ± 110 x 106 Mg C

3,140,000,000 Mg C(margin of error: 3.5%)

3.140 billion tonnes of Carbon

20 years worth of Carbon emissionsat 2011 levels

Page 9: Eye-catching science: free tools to create data visualizations and infographics

Who is your intended audiencefor this graphic?

3,140 ± 110 x 106 Mg C

3,140,000,000 Mg C(margin of error: 3.5%)

3.140 billion tonnes of Carbon

20 years worth of Carbon emissionsat 2011 levels

Novice*

Expert

Spock

Page 10: Eye-catching science: free tools to create data visualizations and infographics

How does the medium change the message?

Graphic will be viewed on variety of mobile devices = can’t cram too much in

Doesn’t play nice with Instagram = no previews in timeline

Doesn’t play nice with lots of text= no boosting your posts

◦◦◦ Each medium has limitations, including your own web site. Research them before beginning

Page 11: Eye-catching science: free tools to create data visualizations and infographics

What is the story you want to tell your audience?

http://www.ttdatavis.onthinktanks.org/how-tos/how-to-tell-stories-with-data > http://heathbrothers.com/books/made-to-stick/

Simple

Unexpected

Credible

Emotional

Concrete

Stories

Page 12: Eye-catching science: free tools to create data visualizations and infographics

What is the story you want to tell your audience?

http://www.ttdatavis.onthinktanks.org/how-tos/how-to-tell-stories-with-data > http://heathbrothers.com/books/made-to-stick/

Simple

Unexpected

Credible

Emotional

Concrete

Stories

Structured

Page 13: Eye-catching science: free tools to create data visualizations and infographics

What is the story you want to tell your audience?

http://www.ttdatavis.onthinktanks.org/how-tos/how-to-tell-stories-with-data > http://heathbrothers.com/books/made-to-stick/

Simple

Unexpected

Credible

Emotional

Concrete

Stories

Structured

But don’t oversimplify. Make sure you are true to the data

What happens next will make you click here

A source is just as important for your visual as for your blog

“As much as…” “Up to…” “Significant?”

The care factor. Remember who your audience is

Even complicated visualisations need to be logical and legible

A single factoid is still representative of something bigger

Page 14: Eye-catching science: free tools to create data visualizations and infographics

The principle of equivalencyhttps://mahifx.com/john-paulson/

Page 15: Eye-catching science: free tools to create data visualizations and infographics

Best Practice:Some examples

Page 16: Eye-catching science: free tools to create data visualizations and infographics

Charles Minard’s map: The most famous infographic

Page 17: Eye-catching science: free tools to create data visualizations and infographics

https://en.wikipedia.org/wiki/File:Minard_map_of_napoleon.png Image: Iñigo Lopez

Charles Minard’s map: The most famous infographic

Page 18: Eye-catching science: free tools to create data visualizations and infographics

Duncan Clark & Kiln:Which companies cause…

http://www.theguardian.com/environment/interactive/2013/nov/20/which-fossil-fuel-companies-responsible-climate-change-interactive

Page 19: Eye-catching science: free tools to create data visualizations and infographics

Nicholas Felton

http://feltron.com/

Page 20: Eye-catching science: free tools to create data visualizations and infographics

Kurzgesagt:The human immune system

https://www.youtube.com/watch?v=zQGOcOUBi6s

Page 21: Eye-catching science: free tools to create data visualizations and infographics

Exploration tools

Page 22: Eye-catching science: free tools to create data visualizations and infographics

Exploration tools IBM Watson Analytics

www.ibm.com/analytics/watson-analytics/

• Free to try, with limitations on your data

• ‘Interrogate’ your data with natural language questions

• Easy for data rookiesto discover trends and relationships

• Like all data exploration tools, you will need clean, organised data

• Does have an ‘infographic’ creation function, but it is clunky

Page 23: Eye-catching science: free tools to create data visualizations and infographics

Exploring your data: Tableau Public

public.tableau.com

• Tableau Public is the free version of analytics software Tableau

• Runs off a desktop app • Very powerful data

analysis and exploration features.

• Some learning curve but intuitive drag & drop interface is extremely useable

• Able to share dense, interactive data visualisations via the web

Page 24: Eye-catching science: free tools to create data visualizations and infographics

Construction tools

Page 25: Eye-catching science: free tools to create data visualizations and infographics

Timeline JS

timeline.knightlab.com/

Page 26: Eye-catching science: free tools to create data visualizations and infographics

Infogr.am

Infogram

Page 27: Eye-catching science: free tools to create data visualizations and infographics

venngage.com

Venngage

Page 28: Eye-catching science: free tools to create data visualizations and infographics

piktochart.com

Piktochart

Page 29: Eye-catching science: free tools to create data visualizations and infographics

Visme

visme.co

Page 30: Eye-catching science: free tools to create data visualizations and infographics

Canva

canva.com

Page 31: Eye-catching science: free tools to create data visualizations and infographics

Icons in this presentation were obtained free from iconfinder.com

Credits to: Vlad Marin & Pixan

Need some extra icons?

Page 32: Eye-catching science: free tools to create data visualizations and infographics

Just want to make a chart?

Page 33: Eye-catching science: free tools to create data visualizations and infographics

plot.ly

plot.ly

Page 34: Eye-catching science: free tools to create data visualizations and infographics

Chartblocks

chartblocks.com

Page 35: Eye-catching science: free tools to create data visualizations and infographics

Google sheets

Publish directly from Google Sheets

Page 36: Eye-catching science: free tools to create data visualizations and infographics

Raw

app.raw.densitydesign.org

Page 37: Eye-catching science: free tools to create data visualizations and infographics

Just want to make a map? But with a lot of data?

cartodb.com

Page 38: Eye-catching science: free tools to create data visualizations and infographics

Don’t forget: you can mix ’n’ match the tools

Page 39: Eye-catching science: free tools to create data visualizations and infographics

Let’s talk responsive

Page 40: Eye-catching science: free tools to create data visualizations and infographics

Next steps

Take a blog post/paper and turn it into a snappy infographic or visualisation

Alternatively, you could try adding some maps, infographics & charts to an existing blog post to bring it to life.

Submissions to: [email protected]

We’ll give personal feedback on the first 15 received.

Chance to be featured on futureearth.org

Page 41: Eye-catching science: free tools to create data visualizations and infographics

Follow-up webinar

Review & critique some of your infographics

Practical design tips & tricks, including some tips for which chart to use for what data

Sign-up: goo.gl/M5NYo5

Process case study

OCTOBER 28, 3:00 PM - 4:00 PM CET

Page 42: Eye-catching science: free tools to create data visualizations and infographics

Did you miss the previousFuture Earth pop webinars?

futureearth.org/blog/pop-webinars