Data Visualization (InfoGraphic) Tools
for the Novice
SIDLIT 2014
Meagan Duever (mjduever@k-state.edu) Data Services Libra...
Data Visualization
“…rightly or wrongly, most [students] think of
themselves as visual learners”
“The risk, however, is th...
“Students can ‘read’ images to comprehend the
essential meanings.”
“Because they blend words, pictures, and data,
infograp...
Content First,
Pretty
Second!
Data Visualization Tools
• Easel.ly
• Dipity
• TimeToast
• PowToon
• Google Fusion
Tables
Easel.ly
• Create Online
• Public or Private
• Visual Themes (Vhemes)
• Objects from Library or
Uploaded
• Text
• Uses Art...
Easel.ly
Easel.ly Tips
• To apply a background,
object or text block drag
it onto you page
• Save often
• Cannot align text in
curr...
Dipity (Timeline Creator)
• Important dates &
events
• Viewed as Timeline,
List, Flipbook or Map
• Link videos, images,
we...
Dipity (Timeline Creator)
Dipity (Timeline Creator)
: Timeline Creator
• Supports latest two versions of major
browsers (IE, Safari, Chrome, Firefox, Opera)
• 40-50 events ma...
What Are They?
• Background
– Experimental data visualization web app gathers,
visualizes & shares data tables
• “Experimenting” since 20...
• For data with spatial component
– Different perspective than pie or bar graph
• Patterns emerge not initially apparent
–...
The Montreal Gazette Example
Choropleth Map: areas are shaded or patterned in
proportion to the measurement of the statist...
Evacuations for Hurricane Irene in NYC
• Instructions are a how-to
for journalists
• Not overly technical
explanations
View at project.wnyc.org/news-maps/hurricane-zones/hurricane-zones.html
Background www.poynter.org/how-tos/digital-strateg...
• Started as a Google
Fusion Table
• Now run by
Healthmap
http://flushot.healthmap.org/
Some Not-So-Fancy
Examples
Namely mine
My first Fusion Table
Where To Start
If you don’t see it, click on
‘Connect more apps’
Four Ways To Enter Data
Geocoding Is Automatic
Latitude/Longitude Too
Two Types Of Maps
Other types available is using polygons
Two Types Of Maps
Want Pictures?
• Include
pictures
– Create a row
in table
– Paste in URL
– Picture
appears like
other
variables
Tips To Get Started
• Start with the geography
– Can do city/town
• One point per place!
– If you do points for states, it...
More Advanced
• Merging files and using polygons
– Google: census kml
• https://www.census.gov/geo/maps-data/data/tiger-km...
PowToon
PowToon
Styles
Objects or
Graphics
Stage
Timeline
Text
Options
Sign up today for a FREE
PowToon EDU account for
yourself AND 150 additional
FREE EDU subscriptions for
your colleagues. G...
Building Blocks For Data Visualization
• GraphicStock.com
– 7 days free downloads (must provide credit card &
cancel prior...
More Building Blocks
• Creative Commons Open Source
(Photo, Audio, Multimedia) Search
– http://goo.gl/nc1zmu
Examples: pho...
Reading Resources
• Articles
– The Design of Information
http://goo.gl/1ejguf
– 10 Free Timeline Creation Tools
http://goo...
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Data Visualization Tools for the Novice
Upcoming SlideShare
Loading in...5
×

Data Visualization Tools for the Novice

582

Published on

Presentation offered at the 2014 Summer Institute on Distance Learning and Instructional Technology (SIDLIT). See http://www.powtoon.com/show/gb2nTCbyxre/data-visualization/ for Video.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
582
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Free Gift at end of session
  • www.candywrapperarchive.com/candy-collector/candy-prices-over-the-years
  • Basic Plan: Free
    Entry Level Plan: $5.99 per month, two months free if pay by year includes 5 users, ad free, collaboration tools, can create groups, comment moderation
    Pro Plan: $8.99 per month, pay yearly get 2 months free, same as Entry Level plan but with 35 users.
  • Data Visualization Tools for the Novice

    1. 1. Data Visualization (InfoGraphic) Tools for the Novice SIDLIT 2014 Meagan Duever (mjduever@k-state.edu) Data Services Librarian, Kansas Sate University and Jonathan Bacon (jonathanpbacon@gmail.com) Retired Director, Ed Tech Center, JCCC
    2. 2. Data Visualization “…rightly or wrongly, most [students] think of themselves as visual learners” “The risk, however, is that these pictorial projects will fail to actually illuminate any information and will instead result in a mess of colors, layouts, and fonts.” Guest post by Mercer Hall and Patricia Russac on Free Technology for Teachers blog
    3. 3. “Students can ‘read’ images to comprehend the essential meanings.” “Because they blend words, pictures, and data, infographics can be key tools to simplify and reimagine course material.” “Infographics also make for elegant visual presentations to arrange facts and figures.” Guest post by Mercer Hall and Patricia Russac on Free Technology for Teachers blog Data Visualization
    4. 4. Content First, Pretty Second!
    5. 5. Data Visualization Tools • Easel.ly • Dipity • TimeToast • PowToon • Google Fusion Tables
    6. 6. Easel.ly • Create Online • Public or Private • Visual Themes (Vhemes) • Objects from Library or Uploaded • Text • Uses Artboard Metaphor • Save & Download or Link – Low, High Quality or PDF
    7. 7. Easel.ly
    8. 8. Easel.ly Tips • To apply a background, object or text block drag it onto you page • Save often • Cannot align text in current version, must use spaces • Must select item and click Trash Can icon to delete • Public infoGraphics available in the Easel.ly gallery, free to use • You can import images to use in infoGraphics • If an imported image’s background is not transparent 1. Open image in Photoshop 2. Double-click the background layer to unlock 3. Select and delete background 4. Save As > PNG 5. Import PNG file into Easel.ly
    9. 9. Dipity (Timeline Creator) • Important dates & events • Viewed as Timeline, List, Flipbook or Map • Link videos, images, web pages
    10. 10. Dipity (Timeline Creator)
    11. 11. Dipity (Timeline Creator)
    12. 12. : Timeline Creator • Supports latest two versions of major browsers (IE, Safari, Chrome, Firefox, Opera) • 40-50 events max recommended • Viewed as Timeline or List (for printing) • Timelines: Unpublished and published • Can embed views in web pages • Required Flash Player 9 or above and Javascript enabled
    13. 13. What Are They?
    14. 14. • Background – Experimental data visualization web app gathers, visualizes & shares data tables • “Experimenting” since 2009 • Regular feature on Google Drive (2011) – Pie charts, bar charts, lineplots, scatterplots, timelines & geographical maps – Use public data, import your own, or use in combination – Saved in Google Drive, shareable
    15. 15. • For data with spatial component – Different perspective than pie or bar graph • Patterns emerge not initially apparent – Easy entry point for spatial data work • No costly software • Relatively easy to use • Fewer formats to mess with • For data without a spatial component….
    16. 16. The Montreal Gazette Example Choropleth Map: areas are shaded or patterned in proportion to the measurement of the statistical variable being displayed on the map View web map http://www.montrealgazette.com/news/censusmap.html Background: http://blogs.montrealgazette.com/2012/02/10/mapping- population-densities-by-the-block/
    17. 17. Evacuations for Hurricane Irene in NYC • Instructions are a how-to for journalists • Not overly technical explanations
    18. 18. View at project.wnyc.org/news-maps/hurricane-zones/hurricane-zones.html Background www.poynter.org/how-tos/digital-strategies/141788/how-to-map- data-onto-counties-districts-using-shpescape/
    19. 19. • Started as a Google Fusion Table • Now run by Healthmap http://flushot.healthmap.org/
    20. 20. Some Not-So-Fancy Examples Namely mine
    21. 21. My first Fusion Table
    22. 22. Where To Start If you don’t see it, click on ‘Connect more apps’
    23. 23. Four Ways To Enter Data
    24. 24. Geocoding Is Automatic
    25. 25. Latitude/Longitude Too
    26. 26. Two Types Of Maps Other types available is using polygons
    27. 27. Two Types Of Maps
    28. 28. Want Pictures? • Include pictures – Create a row in table – Paste in URL – Picture appears like other variables
    29. 29. Tips To Get Started • Start with the geography – Can do city/town • One point per place! – If you do points for states, it puts one point in the middle • Get polygons instead – Can do latitude/longitude • Best if many points close together – Also can do addresses • Need to be complete • Other columns show up as you hover over the points – Can turn columns ‘off’ and ‘on’
    30. 30. More Advanced • Merging files and using polygons – Google: census kml • https://www.census.gov/geo/maps-data/data/tiger-kml.html – Download then unzip – .kmz is a zipped .kml • Sharing your maps • Collaborating with others • Several tutorials available
    31. 31. PowToon
    32. 32. PowToon Styles Objects or Graphics Stage Timeline Text Options
    33. 33. Sign up today for a FREE PowToon EDU account for yourself AND 150 additional FREE EDU subscriptions for your colleagues. Go to www.powtoon.com/sidlit Tutorials at www.powtoon.com/blog/category/videos/tutorials/
    34. 34. Building Blocks For Data Visualization • GraphicStock.com – 7 days free downloads (must provide credit card & cancel prior to 7 day period), $49 monthly, $588 yearly, $99 special after 7-day trial • Dreamstine.com – Free images or $.20 and up, purchase using credits (11 @ $14.99, 15 @ $17.99 & so on) • MightyDeals.com/freestuff • Pixeden.com paid/free stuff
    35. 35. More Building Blocks • Creative Commons Open Source (Photo, Audio, Multimedia) Search – http://goo.gl/nc1zmu Examples: photopin.com, National Gallery of Art images.nga.gov • http://tuvalabs.comm/datasets – Such as Sea Rise Level in US, Products Recovered Thru Recycling, Gender- wise Educational Attainment in US, and so on.
    36. 36. Reading Resources • Articles – The Design of Information http://goo.gl/1ejguf – 10 Free Timeline Creation Tools http://goo.gl/6VdZUV
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×