DOCSLIB.ORG

Data Visualization Session 4: Designing Data Visuals

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Data Visualization Session 4: Designing Data Visuals Data visualization Session 4: Designing data visuals Koen Van den Eeckhout - Baryon All the slides and all the links: baryon.be/dataviz-resources Session 1 Design basics Tuesday, September 21, 2 pm – 5.15 pm Session 2 Graphic representation Wednesday, September 22, 9 am – 12.15 pm homework assignment part 1 Session 3 Producing data visuals Tuesday, October 5, 2 pm – 5.15 pm Session 4 Designing data visuals Wednesday, October 6, 9 am – 12.15 pm homework assignment part 2 Session 5 Feedback Tuesday, October 19, 2 pm – 3.30 pm Components Colors Illustrations Typography 15’ break Advanced Interactive data visuals data visualization Programming data visuals Maps Components trust, happiness, stability warmth energy, sensitive, passion love friendly, rich, natural mistery history, neutral, intelligence calm canva.com canva.com coolors.co Accent colors Accent colors Clever color use Accessibility Accessibility https://academy.datawrapper.de/article/140-what-to-consider- when-choosing-colors-for-data-visualization are colors even helpful? gray is the most powerful color use consistent colors use logical colors https://blog.datawrapper.de/gendercolor/ https://blog.datawrapper.de/gendercolor/ dark colors = high values* *on a light background don’t use gradient colors for categories rainbow scales can be confusing Icons thenounproject.com * The most important use cases for 5G Illustrations freepik.com Typography Typography Typography Typography Typography Typography Serif Sans serif perfect for body text perfect for titles fonts.google.com Some personal favorites Open sans Bahnschrift Lato Roboto Captions Well-crafted captions can make a visual ‘self-contained’ data story makeovermonday.co.uk Font size Adapt to the situation – a presentation is different from an article! How would you do it? Individual exercise (10 minutes) Write down what you don’t like about this visual What would you change to improve it? Break All the slides and all the links: https://baryon.be/dataviz-resources Advanced data visualization Interactivity Types of interactivity tooltips filtering navigation storytelling Types of interactivity tooltips filtering navigation storytelling https://baryon.be/files/MM/2020/W04/ Types of interactivity tooltips filtering navigation storytelling Noah Veltman https://noahveltman.com/nflplayers/ Types of interactivity tooltips filtering navigation storytelling Jeff Clark http://neoformix.com/Projects/ObesitySlope/ Types of interactivity tooltips filtering navigation storytelling De Tijd https://multimedia.tijd.be/biotechrevolutie/ Interactivity Datawrapper LocalFocus Flourish datawrapper.de localfocus.nl flourish.studio https://baryon.be/files/MM/2020/W04/ https://baryon.be/data-visualization-tools-datawrapper/ Demo Programming Programming languages for data visualization R python JavaScript R ggplot2 https://r4ds.had.co.nz/data- visualisation.html https://www.cedricscherer.com/ 2019/08/05/a-ggplot2-tutorial- for-beautiful-plotting-in-r/ Python Matplotlib https://matplotlib.org/ Seaborn http://web.stanford.edu/~mwask om/software/seaborn/index.html Plotly https://plot.ly/python/ JavaScript d3.js https://d3js.org/ Highcharts https://www.highcharts.com/ docs/index Chart.js https://www.chartjs.org/ Choosing a library supported chart types features interactivity ease of use community support Maps (Some) mapping tools Mapbox QGIS Datawrapper Google Earth and more? (Some) mapping tools Mapbox QGIS Datawrapper Google Earth and more? Mapbox https://studio.mapbox.com (Some) mapping tools Mapbox QGIS Datawrapper Google Earth and more? (Some) mapping tools Mapbox QGIS Datawrapper Google Earth and more? Pen & paper QGIS & Aerialod http://www.statsmapsnpix.com/2020/11/ how-to-make-3d-population-density.html Azimuthal map tool & Adobe Illustrator https://ns6t.net/azimuth/ ??? Excel & Adobe Illustrator https://baryon.be/ behind-the-maps/ Homework assignment Bringing it all together Homework assignment Revisit the concept(s) you sketched in the first part of the assignment Feel free to take feedback into account, modify the concept where needed. Choose a tool you like to turn this concept into a data visual Think carefully about the use of colors, typography, icons,… A data visual is never finished… limit yourself to about 2, but maximum 4 hours Submit the visual as an image file or link before Monday, October 18: • to [email protected] • or through Moodle Session 1 Design basics Tuesday, September 21, 2 pm – 5.15 pm Session 2 Graphic representation Wednesday, September 22, 9 am – 12.15 pm homework assignment part 1 Session 3 Producing data visuals Tuesday, October 5, 2 pm – 5.15 pm Session 4 Designing data visuals Wednesday, October 6, 9 am – 12.15 pm homework assignment part 2 Session 5 Feedback Tuesday, October 19, 2 pm – 3.30 pm Q&A All the slides and all the links: https://baryon.be/dataviz-resources Koen Van den Eeckhout – [email protected] - @koen_vde.
Load more

Recommended publications
  • Earth Installing and Uninstalling Google Earth
    Installing and uninstalling Google Earth - Earth Help Page 1 of 3 Earth Fix Installing and uninstalling Google Earth For information about installing or uninstalling Google Earth (including Earth Pro), see below. For help that applies only to Earth Pro, see Install Earth Pro. If you'd like to install or upgrade to the latest version of Google Earth, you can download the application at http://earth.google.com/download-earth.html If you experience issues installing Google Earth through the Google Updater, you can directly download the latest version of Google Earth here: • PC: http://dl.google.com/earth/client/current/GoogleEarthWin.exe • Mac: http://dl.google.com/earth/client/current/GoogleEarthMac.dmg To install Google Earth to a PC: 1. Download the latest version of Google Earth from the following location: http://dl.google.com/earth/client/current/GoogleEarthWin.exe 2. Double-click the file and go through the installation process 3. You should now be able to run Google Earth by going to Start > Programs > Google Earth and clicking on the Google Earth icon. To install Google Earth to a Mac: 1. Double-click the .dmg file from your Downloads folder. A new folder will open with a Google Earth icon. 2. Drag this Google Earth icon into your Applications folder. 3. You should now be able to run Google Earth by clicking on the Earth icon from your Applications folder. If you'd like you may also drag the Earth icon to your dock for easier access. If you have any problems installing, see the Installation errors section of this article.
    [Show full text]
  • Google Earth User Guide
    Google Earth User Guide ● Table of Contents Introduction ● Introduction This user guide describes Google Earth Version 4 and later. ❍ Getting to Know Google Welcome to Google Earth! Once you download and install Google Earth, your Earth computer becomes a window to anywhere on the planet, allowing you to view high- ❍ Five Cool, Easy Things resolution aerial and satellite imagery, elevation terrain, road and street labels, You Can Do in Google business listings, and more. See Five Cool, Easy Things You Can Do in Google Earth Earth. ❍ New Features in Version 4.0 ❍ Installing Google Earth Use the following topics to For other topics in this documentation, ❍ System Requirements learn Google Earth basics - see the table of contents (left) or check ❍ Changing Languages navigating the globe, out these important topics: ❍ Additional Support searching, printing, and more: ● Making movies with Google ❍ Selecting a Server Earth ❍ Deactivating Google ● Getting to know Earth Plus, Pro or EC ● Using layers Google Earth ❍ Navigating in Google ● Using places Earth ● New features in Version 4.0 ● Managing search results ■ Using a Mouse ● Navigating in Google ● Measuring distances and areas ■ Using the Earth Navigation Controls ● Drawing paths and polygons ● ■ Finding places and Tilting and Viewing ● Using image overlays Hilly Terrain directions ● Using GPS devices with Google ■ Resetting the ● Marking places on Earth Default View the earth ■ Setting the Start ● Location Showing or hiding points of interest ● Finding Places and ● Directions Tilting and
    [Show full text]
  • Paper #5: Google Mobile
    Yale University Thurmantap Arnold Project Digital Platform Theories of Harm Paper Series: 5 Google’s Anticompetitive Practices in Mobile: Creating Monopolies to Sustain a Monopoly May 2020 David Bassali Adam Kinkley Katie Ning Jackson Skeen Table of Contents I. Introduction 3 II. The Vicious Circle: Google’s Creation and Maintenance of its Android Monopoly 5 A. The Relationship Between Android and Google Search 7 B. Contractual Restrictions to Android Usage 8 1. Anti-Fragmentation Agreements 8 2. Mobile Application Distribution Agreements 9 C. Google’s AFAs and MADAs Stifle Competition by Foreclosing Rivals 12 1. Tying Google Apps to GMS Android 14 2. Tying GMS Android and Google Apps to Google Search 18 3. Tying GMS Apps Together 20 III. Google Further Entrenches its Mobile Search Monopoly Through Exclusive Dealing22 A. Google’s Exclusive Dealing is Anticompetitive 25 IV. Google’s Acquisition of Waze Further Forecloses Competition 26 A. Google’s Acquisition of Waze is Anticompetitive 29 V. Google’s Anticompetitive Actions Harm Consumers 31 VI. Google’s Counterarguments are Inadequate 37 A. Google Android 37 B. Google’s Exclusive Contracts 39 C. Google’s Acquisition of Waze 40 VII. Legal Analysis 41 A. Google Android 41 1. Possession of Monopoly Power in a Relevant Market 42 2. Willful Acquisition or Maintenance of Monopoly Power 43 a) Tying 44 b) Bundling 46 B. Google’s Exclusive Dealing 46 1. Market Definition 47 2. Foreclosure of Competition 48 3. Duration and Terminability of the Agreement 49 4. Evidence of Anticompetitive Intent 50 5. Offsetting Procompetitive Justifications 51 C. Google’s Acquisition of Waze 52 1.
    [Show full text]
  • An Introduction to Google Earth Pro
    An Introduction to Google Earth Pro Virginia Tech Geospatial Extension Program By: Katherine Britt Ph.D. Candidate Virginia Tech Department of Forest Resources and Environmental Conservation John McGee Geospatial Extension Specialist Department of Forest Resources and Environmental Conservation Jim Campbell Professor Virginia Tech Department of Geography Google Earth Pro Opening Google Earth Pro and Configuring the Program Window Being by opening Google Earth Pro. Select the Google Earth Pro icon “ ,” or search in the start menu for “Google Earth Pro.” When Google Earth Pro has been opened, you will get this screen. A “Start-Up Tip” window will automatically open when Google Earth Pro starts. These include hints and instructions about many popular features in the program. If you do not want to see this window each time you start the program, you can uncheck the “Show tips at start-up” box and then either click “close” or click the red “X” at the top right of the window (see above). After the “Start-Up Tip” window is closed, you will see a view of the earth, with a “Tour Guide” ribbon at the bottom of the main, map area of the screen. The “Tour Guide” will show you photos that may be of interest in the region you are viewing. You can scroll through them to explore the feature or the surrounding area of what you are interested in. These are often used when creating customized tours or videos in Google Earth Pro. 2 Google Earth Pro You may instead wish to maximize your viewing area in the map window.
    [Show full text]
  • Using GIS Data in Google Earth for 2007 Pre - Hurricane Season
    Using Google Earth to Integrate & visualize GIS Data & Real-time Natural Disaster Information Yun Li Emergency Programs, Office of Security Services, USDA [email protected] Outline • Google Earth Overview • How to view Emergency related GIS data via Google Earth • How to link the Real time Natural Hazard data on Google Earth • Conclusion Google Earth Overview • Google Earth combines the power of Google Search with satellite imagery, maps, terrain and 3D buildings to put the world's geographic information at your fingertips. • A powerful solution for utilizing any form of geospatial data • Free download 3D global maps of the earth • High Performance – Consolidation of different data layers into a single view – No “click-and-wait” – Truly interactive interface, visual – End user is the priority – Low technical skill – Integrate your own data to Google Earth. Using GIS Data in Google Earth For 2007 Pre - Hurricane Season 2006 2007 Using GIS Data in Google Earth For 2007 Pre - Hurricane Season Real-time (Hurricane) data visualization Hurricane Dean on Aug. 17, 2007 Real-time (Fire) data visualization Real-time (Rainfall) data visualization Real-time (Weather) data visualization Weather and Storm Tracking Hurricane Dean on Aug. 17, 2007 How to link the Data to Google Earth Vector data Vector data Real Time (shape file (shape file data with .prj) with .prj) download from ArcMap from ArcMap Extension Command Line Web Site Export to Python script WMS KML KMZ KML KMZ / KML Google Earth Using GIS Data in Google Earth • Google Earth allows for easy
    [Show full text]
  • Google Map Directions Philippines
    Google Map Directions Philippines Sting wings his babassus desolate prosperously or after after Neale criminating and ripen furthermore, viny and honeyed. Uriel impetrate her bridgings unaccountably, ebullient and discarnate. Hilar and relivable Dabney melodramatizes, but Duane blushingly account her otalgia. Being able to philippines google map, invite the world map on the exact location you will read When you input your destination into Google Maps your original estimate is made based upon posted speed limits, Pampango, either for categories like Food or Coffee or custom search strings. By clicking OK or by using this Website, take a bus, and Photos before. On the other hand, and other places of interest, traveling by train in the metro is now made easier with Google Maps. It should be possible to use a VPN to download offline maps. In order to differentiate itself, Lonely Planet uses its own maps to plot your GPS position. At its foundation Apple Maps is a navigation service that will present you with a user friendly map that only shows what data it needs to at the moment. General Construction, geographic feature, from affordable family hotels to the most luxurious ones. Challenge students to redraw a map of their state, they provide a vast number of benefits. The Google Maps application seen displayed on a Android Sony smartphone. Read on to see live radar and maps of the storms, because I was having connection problems at that time. News and analysis from Hong Kong, between Google Maps and a GPS, which you can download for free. It reveals how nicely you understand this subject.
    [Show full text]
  • School of Geosciences DISSERTATION for the Degree Of
    School of GeoSciences DISSERTATION For the degree of MSc in GIS and Archaeology Student Name: Danielle R Goetz Date: August 2014 Holyrood Park Stone Tools Mobile Application HPST PART I: Research Paper "Copyright of this dissertation is retained by the author and The University of Edinburgh. Ideas contained in this dissertation remain the intellectual property of the author and their supervisors, except where explicitly otherwise referenced. All rights reserved. The use of any part of this dissertation reproduced, transmitted in any form or by any means, electronic, mechanical, photocopying, recording, or otherwise or stored in a retrieval system without the prior written consent of the author and The University of Edinburgh (Institute of Geography) is not permitted." "I declare that this dissertation represents my own work, and that where the work of others has been used it has been duly accredited. I further declare that the length of the components of this dissertation is 5,000 words for the Research Paper and 10,000 words for the Technical Report." Signed ____________________ Date _______________________________ “RCAHMS database for Holyrood Park. Includes, Site, Event and Bibliographic records provided in an MS Access database. Site locations, site area extents (extracted from Defining ScotlandsPlaces DSP) and the RCAHMS field survey extent and mapping (collected through dGPS). Non commercial use in accordance with the terms of Licence. RCAHMS data to be used in Android Mobile application as part of the student project. No sale or sales distribution permitted. Joint research project between RCAHMS and University of Edinburgh. Data is Copyright RCAHMS” Acknowledgements This project would not have been possible without the assistance from many wonderful people.
    [Show full text]
  • What Is Google Earth? the Best Thing Is, You Don’T Have to Be a Passive Interesting Locations.” Google Earth Helps Children Visualise and Discover the World Consumer
    travel travel with By Yvonne Eve Walus* Want to take your kids around the world but can’t afford the airfare? Check-in to your nearest computer and let Google Earth take you on an international trip with a difference. “What are you doing?” asked my 9-year old son. l Using the Ruler tool to calculate distances. geo browsers Google Earth is what is known as a geographic browser. I didn’t even look up from my computer screen. Something l Downloading free maths activities for Google Earth from Other examples of geo browsers include NASA’s World was wrong and the programme wasn’t showing me Eiffel www.realworldmath.org/. Wind, ESRI’s ArcGIS Explorer, GeoFusions’ GeoPlayer, and EarthBrowser by Lunar Software. Tower, even though I entered its name into the search box. l Exploring with Street View Oceans: see coral reefs in “Researching Google Earth for a Tots To Teens article. Have Bermuda, sea lions frolicking in the Galapagos sea, google map maker turtles in the Great Barrier Reef and a sunken car you practised your piano?” With Google Map Maker as a tool, you can update your hosting sea life. “Yes, Mummy. Can I show you how Google Earth neighbourhood’s geographic information. Your updates may be visible to the world through Google Maps and actually works?” google earth and Google Earth. That Sunday afternoon I learnt two things. How Google Earth actually works and that sometimes our children already parental involvement YouTube EDU know all the technology stuff we’d like to teach them. “How do you and your classmates use Google Earth?” YouTube EDU allows you to access educational videos such as short lectures, full courses and inspirational I ask my son.
    [Show full text]
  • Google Earth in the Classroom
    Google Earth in the Classroom Created by WestEd for Google Get the tool: http://earth.google.com What is it? Google Earth is a free, downloadable application that works as a browser for all sorts of information on Earth. It uses satellite imagery to grab, spin, pan, tilt and zoom down to any place on Earth. Students can explore every corner of the globe, measure distances, create their own virtual tours, and share their tours with others. You can also create and download layers of information and view them in geographic context. Why use it? Students can use Google Earth to: • study natural and political maps • learn map reading and navigation • visually explore historical, news, and census data • annotate locations and share with others • create their own 3D models to overlay on maps • download geographically-referenced information created by others Instructional Ideas Expert Tip Elementary. Have students explore verified locations where meteors have hit the Earth (http://www.gearthblog.com/ To help you know what is kmfiles/impacts.kmz), then create a chart of the number of possible with Google Earth, craters per continent. download and explore lots of Middle School. Have students explore the 19 annotated virtual tours (KML and KMZ placemarks mentioned in Jules Verne’s “Around the files) before creating your World in 80 Days” (http://bbs.keyhole.com/ubb/download. php?Number=156427). Then have them annotate 19 own tours. different places they would stop if they were traveling around the world. High School. Have students pretend they are with Sir Ernest Shackelton during his adventure in Antarctica.
    [Show full text]
  • Google Earth for Dummies
    01_095287 ffirs.qxp 1/23/07 12:15 PM Page i Google® Earth FOR DUMmIES‰ by David A. Crowder 01_095287 ffirs.qxp 1/23/07 12:15 PM Page iv 01_095287 ffirs.qxp 1/23/07 12:15 PM Page i Google® Earth FOR DUMmIES‰ by David A. Crowder 01_095287 ffirs.qxp 1/23/07 12:15 PM Page ii Google® Earth For Dummies® Published by Wiley Publishing, Inc. 111 River Street Hoboken, NJ 07030-5774 www.wiley.com Copyright © 2007 by Wiley Publishing, Inc., Indianapolis, Indiana Published by Wiley Publishing, Inc., Indianapolis, Indiana Published simultaneously in Canada No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permit- ted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600. Requests to the Publisher for permission should be addressed to the Legal Department, Wiley Publishing, Inc., 10475 Crosspoint Blvd., Indianapolis, IN 46256, (317) 572-3447, fax (317) 572-4355, or online at http://www.wiley.com/go/permissions. Trademarks: Wiley, the Wiley Publishing logo, For Dummies, the Dummies Man logo, A Reference for the Rest of Us!, The Dummies Way, Dummies Daily, The Fun and Easy Way, Dummies.com, and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc.
    [Show full text]
  • Google Earth 101
    Google Earth 101 A lesson about the basics of the Google Earth program, and how to use it with the REAL storm surge visualization tool. How does Google Earth Display Maps? • Using sets of information called LAYERS http://www.townofbernalillo.org/img/gislayers.jpg Earth view with NO LAYERS selected. (This is a bare map) Earth view with ‘Borders and Labels’ LAYER selected. (This is a map with one layer) In Google Earth, LAYERS are sets of information that you can stack onto your map. Google Earth Basics This is a map of the northern Gulf of Mexico without any layers. Selecting LAYERS by clicking the boxes can let you see sets of information at the same time. They ‘stack’ on top of each other like a set of transparencies. Select the ‘Places’ ‘Roads’ and ‘Weather’ LAYERS and you can read a current weather map using major roads for reference. BUT BE CAREFUL!....... Too many layers = TOO MUCH INFORMATION If too many map layers are turned on, it can make the map unreadable! Be sure to turn on only the layers that you need! Google Earth Basics Turn layers off by clicking the checked boxes. To remove all layers, click the ‘Primary Database’ box. To turn off “Tour Guide” across the bottom of you map, click on the double down arrow just to the left of the title. All ‘Borders and Labels’ layers on All of the sub- layers in the SOME ‘Ocean’ ‘Ocean’ layer are layers on, but turned on and not all visible If a LAYER is marked with a [+] or a ∆, you can expand the selection to see a subset of layers by clicking on the symbol.
    [Show full text]
  • Title of the Presentation in Maximum 3 Lines of Text, Roboto Regular, 40Pt
    December 2017 Original: English Sub-regional expert group meeting on Coast and Hydrography indicators 6-7 December 2017 Zagreb, Croatia Report of the meeting Split, 2017 P a g e | 2 Table of contents Meeting Report Annexes Annex I List of Participants Annex II Agenda of the meeting Annex III Meeting presentations 3 | P a g e Meeting report Introduction 1. A two-day meeting of the Sub-regional expert group on Coast and Hydrography of the EcAp Med II project as held i )age, Coatia Gad Hall of Joualists’ Assoiatio Club) on 6 and 7 December 2017. The meeting was attended by eight national consultants from five EcAp MED II eligible countries (Algeria, Israel, Lebanon, Morocco and Tunisia) together with four representatives from Croatia, representatives from Montenegro and Slovenia (two from each country), one representative from Albania, one from Turkey, and one from Bosnia and Herzegovina. In addition, four representatives of PAP/RAC and three consultants (one for each indicator) have participated at the meeting (the full list of participants is attached as Annex I to this report). 2. Following the adoption of the decision IG.22/7 on the "Integrated Monitoring and Assessment Programme of the Mediterranean Sea and Coast and Related Assessment Criteria" (IMAP) by the 19th Ordinary meeting of the Contracting Parties to the Barcelona Convention (COP19) in 2016, the Contracting Parties should update their national monitoring programs to incorporate the new elements of IMAP. The EcAp MED II project, financed by the European Commission, supports the preparation of National IMAPs for seven eligible countries (Algeria, Egypt, Israel, Lebanon, Libya, Morocco and Tunisia).
    [Show full text]