infographics, data visualisations and twitter presentation · schemes for creating infographics in...
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/1.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/2.jpg)
Outline
• Infographics
• Interactive data visualisations
• 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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/3.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/4.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/5.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/6.jpg)
![Page 7: 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://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/7.jpg)
http://www.nrscotland.gov.uk/files//statistics/nrs-visual/rgar-infographic-report.pdf
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/8.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/9.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/10.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/11.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/12.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/13.jpg)
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/14.jpg)
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 15: 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://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/15.jpg)
Producing infographics
• Stages – Outline the story / message
– Try different ideas
– Apply design rules
– Review
– Release
• This can take a lot of work to do well!
• Lots of guidance on web, e.g. – ONS infographic guidelines
– https://gss.civilservice.gov.uk/statistics/presentation-and-dissemination/
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/16.jpg)
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/17.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/18.jpg)
Data visualisations
Interactive representations of data, that
allow the user to manipulate the image
and explore the data further.
![Page 19: 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://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/19.jpg)
http://www.scotlandscensus.gov.uk/NRSinteractivedata/Lifeexp/lifeexp2011-2013.html
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/20.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/21.jpg)
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/22.jpg)
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 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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/24.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/25.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/27.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/28.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/29.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/30.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/31.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/32.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/33.jpg)
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/34.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/35.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/36.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/37.jpg)
Remember
• All of this is in addition to detailed
publications & data – it is not a
replacement for this!
![Page 38: 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://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/38.jpg)
To find out more
www.nrscotland.gov.uk/
statistics-and-data/statistics/
stats-at-a-glance/
infographics-and-visualisations
Twitter:
@NatRecordsScot (NRS)
@ScotStat (Scottish Government stats)
@et_roughsedge (me)
![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](https://reader031.vdocument.in/reader031/viewer/2022041015/5ec66c44d9efa86407282445/html5/thumbnails/39.jpg)
Questions
Discussion
Is this useful for you?
Is there anything you would like us to do?