infographics, data visualisations and twitter presentation · schemes for creating infographics in...

39
Infographics, data visualisations and Twitter Esther Roughsedge, National Records of Scotland (NRS) PAMS conference 1 December 2015

Upload: others

Post on 21-May-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Infographics, data

visualisations and Twitter

Esther Roughsedge, National Records of

Scotland (NRS)

PAMS conference

1 December 2015

Page 2: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Outline

• Infographics

• Interactive data visualisations

• Twitter

• What NRS is doing

• Tips

• Discussion

Page 3: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Why is this important?

• We have lots of information/data.

• Aim to:

– Maximise impact.

– Promote the messages we want to convey.

– Reach a wider audience.

• By presenting information in a way that

is professional, meaningful, and easily

understood.

Page 4: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Infographics

Page 5: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Infographics

• An infographic is a self-contained visual

story.

• Can do this without help from specialist

IT / web teams.

• NRS is producing an infographic for

each of our main publications.

Page 6: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more
Page 8: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

NRS uses Inkscape software

• Free, open-source.

• ‘Point and click’ software.

• Fairly easy to learn to use.

• Can teach yourself, e.g. http://inkscapetutorials.org/

• Similar to Adobe Illustrator.

• Very useful for creating and editing images

Page 9: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Inkscape

Page 10: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Inkscape

• Unlike some software:

– Does not contain standard, easy-to-use

templates for creating infographics, like

piktochart.

– It is not statistical software, like Tableau

(you can’t enter data and get it to produce

charts etc).

• But there are ways around this…

Page 11: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Inkscape

• We have created templates and colour schemes for creating infographics in Inkscape.

– Once set up, it is easier and quicker to use a template

– Looks more professional

• You can create charts in Excel and then import into Inkscape to manipulate.

• We also use PowerPoint and Publisher (easier than Word).

Page 12: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Other options

e.g. Piktochart – A range of

templates

– Easy to use

– Free

– Must quote source

– Not for confidential info

– Used by

UnderstandingGlasgow.com

Page 13: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more
Page 14: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Images • Images can really bring something to

life!

– Can also be controversial

• Take care about copyright.

• We have used generic icons / created our own images in Inkscape.

Page 16: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more
Page 17: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Data visualisations

Page 18: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Data visualisations

Interactive representations of data, that

allow the user to manipulate the image

and explore the data further.

Page 20: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

http://www.scotlandscensus.gov.uk/NRSinteractivedata/CODE/CODexplorer.html

Cause of death

Page 21: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more
Page 22: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Interactive visualisations

• Quite difficult and time-consuming to produce.

• Need to involve IT and web teams.

• We use D3. – JavaScript library for creating data

visualisations.

– Free.

– Does not require plug-ins like Flash.

– Loads of advice and examples online, and you can copy and modify D3 visualisations that others have produced.

Page 23: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

https://github.com/mbostock/d3/wiki/Gallery

Page 24: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Right-click

→ View source

Page 25: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

General comment

• Because this is difficult and time-

consuming, you need to think hard

about whether what you plan to do is

worth the effort.

Page 27: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

NRS on Twitter

Page 28: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Twitter use in NRS

• One part of overall communications activity.

• Normally tweet on day of publications.

• Identify key messages from our statistics.

– Tie in with News Release and infographic

• Sometimes tweet over the following days or weeks.

• Sometimes tweet on ‘awareness days’, e.g. #HousingDay

Page 29: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Twitter tips

• Tweets should act as a ‘hook’

• A more general audience, so keep things simple.

• Include a link and, where possible, an image.

• Don’t expect any one person to read all tweets – each one should be able to ‘stand-alone’.

• If there is a relevant hashtag, use it, (e.g. #Census, #UKHousing, #CitiesDay)

• Can manage & analyse your social media accounts using e.g. Hootsuite.

Page 30: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Twitter character limit

• Maximum of 140 characters per tweet…

– All URLs effectively ‘cost’ 24 characters

– Ditto for images

So, aim is for max of around 90 characters

– hashtags etc

– ‘in Scotland’

Page 31: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Including images

• Tweets with images

– Stand out much more in Twitter feeds

– More likely to result in engagement

• Can re-use images from infographics &

publications.

• Use 2x1 landscape size if possible and

jpeg format.

Page 32: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Example

NRS

tweets

Page 33: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more
Page 34: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Twitter shows

images as 2x1

landscape format

Page 35: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Twitter shows

images as 2x1

landscape format

Page 36: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Conclusion

Page 37: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Remember

• All of this is in addition to detailed

publications & data – it is not a

replacement for this!

Page 39: Infographics, data visualisations and Twitter Presentation · schemes for creating infographics in Inkscape. –Once set up, it is easier and quicker to use a template –Looks more

Questions

Discussion

Is this useful for you?

Is there anything you would like us to do?

[email protected]