Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Interactive Data Visualisation for Researchers

Dave Kelly
January 18, 2018

Interactive Data Visualisation for Researchers

Workshop presentation given to Early Career Researchers and Doctoral Students as part of NARTI (Northern Advanced Research Training Initiative) at Northumbria Business School, Newcastle, UK in January 2018.

Part of a 1-day workshop on Positioning Your Research for Impact and Interactive Data Visualisation - see https://lubswww.leeds.ac.uk/narti/events/article/positioning-your-research-for-impact-and-interactive-data-visualisation-registration-closed/

The aim was to provide participants with an overview of current trends with respect to interactive data visualisation and to provide participants with an opportunity to develop an interactive data visualisation plan for their own research

Dave Kelly

January 18, 2018
Tweet

More Decks by Dave Kelly

Other Decks in Research

Transcript

  1. Interactive Data
    Visualisation
    David Kelly
    Digital Humanities Manager, Moore Institute
    National University of Ireland, Galway

    View full-size slide

  2. https://medium.com/@kennelliott/39-studies-about-
    human-perception-in-30-minutes-4728f9e31a73
    “Everything we know about how humans interpret graphics” -
    https://www.youtube.com/watch?v=s0J6EDvlN30, Kennedy Elliot

    View full-size slide

  3. Explorable Explanations

    View full-size slide

  4. Explorable Explanations
    An active reader asks questions, considers alternatives,
    questions assumptions, and even questions the
    trustworthiness of the author. An active reader tries to
    generalize specific examples, and devise specific examples
    for generalities. An active reader doesn't passively sponge up
    information, but uses the author's argument as a
    springboard for critical thought and deep understanding.
    Bret Victor, March 10, 2011: http://worrydream.com/ExplorableExplanations/

    View full-size slide

  5. New Perspectives

    View full-size slide

  6. Cultural Networks
    Data from interviews with
    cultural practitioners:
    • Demographic
    • Funding
    • Relationship types
    • Geographic data
    Dr. Patrick Collins – Geography @ NUI Galway

    View full-size slide

  7. Dr Mark Stansbury – Classics @ NUI Galway

    View full-size slide

  8. Data Exploration

    View full-size slide

  9. https://www.axios.com/the-flow-of-goods-between-states-1513304375-5d9d9ddc-b0fe-4d0d-a556-dab4279acbe0.html

    View full-size slide

  10. Dr Patrick Collins & Dr Aisling Murtagh – Geography @ NUI Galway

    View full-size slide

  11. Impact & Engagement

    View full-size slide

  12. http://www.nytimes.com/interactive/2016/upshot/presidential-polls-forecast.html
    https://www.theguardian.com/business/ng-
    interactive/2017/sep/18/what-is-the-average-debt-
    where-you-live

    View full-size slide

  13. GalwayDashboard.ie
    Economic Baseline Assessment for
    Galway City & County
    Prof. James Cunningham, Galway City Council, Galway County Council

    View full-size slide

  14. Complexity &
    non-expert users

    View full-size slide

  15. http://www.nytimes.com/interactive/2016/upshot/presidential-polls-forecast.html

    View full-size slide

  16. http://projects.propublica.org/louisiana/

    View full-size slide

  17. The Guardian, Feb 2015

    View full-size slide

  18. • Do it yourself
    • Collaborate with cross sector or
    cross departmental professionals
    • Seek the help of IT professionals
    • Provide the data to others for them to
    produce the visualisation.
    Gatto, M. (2015), “Making Research Useful: Current Challenges and Good Practices
    in Data Visualisation”
    http://reutersinstitute.politics.ox.ac.uk/our-research/visualisation-academic-research

    View full-size slide

  19. Consider*
    Labels,
    Annotation &
    Supporting Text
    Colour
    Context
    Interaction
    Design
    Suitability of vis. choice
    to data
    Where & how
    will it be engaged with?
    Fonts
    Layout /
    Interface Design
    Audience(s)
    Accessibility

    View full-size slide

  20. http://datasketch.es

    View full-size slide

  21. https://design-worksheets.github.io/

    View full-size slide

  22. https://design-worksheets.github.io/

    View full-size slide

  23. Your Audience(s)?

    View full-size slide

  24. From: http://viz.wtf/

    View full-size slide

  25. https://flowingdata.com/2017/02/09/how-to-spot-visualization-lies/

    View full-size slide

  26. https://www.washingtonpost.com/graphics/politics/2016-election/trump-charts/

    View full-size slide

  27. https://venngage.com/blog/misleading-graphs/

    View full-size slide

  28. From: http://de.slideshare.net/vis4/making-data-visualizations-a-survival-guide

    View full-size slide

  29. https://flowingdata.com/2017/02/09/how-to-spot-visualization-lies/

    View full-size slide

  30. https://flowingdata.com/2009/11/26/fox-news-makes-the-best-pie-chart-ever/

    View full-size slide

  31. From: http://viz.wtf/

    View full-size slide

  32. https://flowingdata.com/2017/02/09/how-to-spot-visualization-lies/

    View full-size slide

  33. Useful Tools
    Mostly web-based, free option, little/no
    programming

    View full-size slide

  34. http://chartmaker.visualisingdata.com

    View full-size slide

  35. à CSV
    Import.io
    Option for non-profit /
    student use
    Code-based:
    Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation

    View full-size slide

  36. Code-based:
    Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    A free, open source, powerful tool
    for working with messy data
    openrefine.org

    View full-size slide

  37. • Limited free plans
    available
    Code-based:
    • Map design
    • Data storage
    • Embed maps
    Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    carto.com
    mapbox.com

    View full-size slide

  38. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    Omeka Plugin
    storymap.knightlab.com

    View full-size slide

  39. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation

    View full-size slide

  40. Code-based:
    Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    http://datamatic.io
    www.datawrapper.de

    View full-size slide

  41. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    https://timeline.knightlab.com
    Uses a Google Spreadsheet as
    a data source
    https://juxtapose.knightlab.com/

    View full-size slide

  42. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    https://juxtapose.knightlab.com

    View full-size slide

  43. Code-based:
    Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    http://palladio.designhumanities.org/
    gephi.org
    http://hdlab.stanford.edu/

    View full-size slide

  44. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    public.tableau.com/s/
    Also offer free academic licenses for Tableau Desktop for students &
    teachers

    View full-size slide

  45. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    http://www.metabase.com/

    View full-size slide

  46. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    • Colour Choices (Maps) - http://colorbrewer2.org
    • ProPublica's Nerd Guides - https://github.com/propublica/guides
    • UK Government Service Design Manual -
    https://www.gov.uk/service-manual/user-centred-design/data-
    visualisation.html
    • Data Viz Style Guide Collection: http://policyviz.com/style-
    guides/
    • ai2html - an open-source script for Adobe Illustrator that
    converts your Illustrator documents into html and css (NY Times)

    View full-size slide

  47. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    “Easily manage all your research
    outputs and make them available
    in a citable, shareable and
    discoverable manner”
    http://www.nature.com/sdata/policies/repositories

    View full-size slide

  48. Data Gathering,
    Cleaning &
    Preparation
    Mapping
    Charting
    Data Management
    Design
    Visualisation
    …gives you the digital analytics tools you need to
    analyze data from all touchpoints in one place

    View full-size slide

  49. http://www.clean-sheet.org/

    View full-size slide

  50. Emerging Areas

    View full-size slide

  51. • “The list of 2017 visualization lists”: http://www.maartenlambrechts.com/2017/12/28/the-list-of-2017-
    visualization-lists.html
    • The Data Visualisation Catalogue: https://datavizcatalogue.com/
    • Seeing Data: http://seeingdata.org
    • Gatto, M. (2015), “Making Research Useful: Current Challenges and Good Practices in Data Visualisation” -
    http://reutersinstitute.politics.ox.ac.uk/our-research/visualisation-academic-research
    Books
    • “The Visual Display of Quantitative Data” (2001) by Edward Tufte
    • “The Functional Art: An introduction to information graphics and visualization“ (2012), Alberto Cairo
    • “Visualising Data” (2016) by Andy Kirk
    Useful Resources

    View full-size slide