Making data more understandable through visualizations

Slides:

Advertisements

Similar presentations

HTML5 for Data Visualisation

Advertisements

Iframes & Images Using HTML.

1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.

Explaining the principles of web animation Gladys Nzita-Mak.

Task 2 P3, P4, P5 Gladys Nzita-Mak.

Evaluation of HTML5 Graphics for Data Structure Visualization

Presented by: Lan Nguyen.  Started as cooperation with:  World Wide Web Consortium  Web Hypertext Application Technology Working Group  The future.

Spring Quarter 2002 De Anza College1 Chapter 10 – Rollovers Simple Rollovers Swap images  Stack two images on top of one another  When mouse over an.

Federal Department of Home Affairs FDHA Federal Statistical Office FSO Electronic Publications What, Why, How Good Practice at Swiss Statistics Armin Grossenbacher.

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.

PROJECT-BASED LEARNING THROUGH GOOGLE Using Google Tools to create a GoogleTrek.

1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.

Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?

Generating HTML Format Reports for Travel Demand Models May 18, 2009 Chunyu Lu Gannett Fleming, Inc.

 Wendy Trem, User Experience Practice Director  Matt Miller, User Experience Designer  Bill Wolohan, Senior ASP.NET and CRM Developer  Jim Raden,

Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.

Making data meaningful through effective visual presentation 5 th - 9 th December 2011, Rome Slides courtesy of: United Nations Economic Commission for.

© 2000 – All Rights Reserved - Page 1 Adobe Illustrator 9.0 as a Web Prototyping Tool A new workflow for Web Graphics.

Graphics for the Web AO2. Objectives  Become familiar with the unit.  Understand the importance of planning graphics  Know what is meant by file types.

What is GIS? GIS is an integrated system used to view and manage information about geographic places, analyze spatial relationships, and model spatial.

Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.

SAVI Advanced and SAVI Indices New SAVI tools published this year Jay Colbert Indianapolis.

1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.

ANIMATION FOR THE WEB. WHAT ARE WEB ANIMATIONS? Web animations are often saved as GIF, CSS, SVG, WebGL or video Ranges from simple animations (hover effects)

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

Improving visualisation tools in EUSTAT: Explaining the data Jorge Aramendi Rique (Eustat), Anjeles Iztueta Azkue (Eustat), Cristina Prado Valle (Eustat),

Characteristics of file formats and ease of conversion Term 2 – Week 10 VCE IT – UNIT 2.

United Nations Economic Commission for Europe Statistical Division Making data meaningful through effective visual presentation.

Cs332a_chapt03.ppt CS332A Advanced HTML Programming Font Controls Typography Type Style = Font Family = fonts with similar characteristics Type Styles.

Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.

Google Analytics Graham Triggs Head of Repository Systems, Symplectic.

Kindergarten Math Learning (KML) Application Presented by :  Ajit Pariyar  Prashantreddy Keshireddy  Ariel Nounawon APA Programmers.

Forward Internet Group Ana Molina Diaz17/11/2009 Intranet Basics ~Intranet is the use of Internet technologies within an organisation ~Enables data access.

Forward Internet Group Ana Molina Diaz17/11/2009 Intranet Basics ~Intranet is the use of Internet technologies within an organisation ~Enables data access.

Storing extension specific metadata in ODF documents - EuroOffice Map Chart Supporting grants: TECH_08-A2/ SZOMIN08;

Introducing Macromedia Flash 8

Section 6.1 Section 6.2 Write Web text Use a mission statement

Section 9.1 Section 9.2 Identify multimedia design guidelines

Visualising and sharing statistical narratives

Want to Create Page Flip HTML5 Magazine?

Imaging and Design for Online Environment

Web-based structures, links and testing

Animation for the Web.

Data Visualizer.

Principles of Eurostat's dissemination strategy

Rich Internet Application Frameworks: a Comparison of Flex, JavaFX, and Silverlight Hi, I am Minseung Kim, the topic that I am going to talk about is Rich.

Dynamic Web Pages (Flash, JavaScript)

PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.

Term Project Evaluations Guiding Principles Summary

21st Century Online Exhibits:

Visualisation tools - stocktaking WP 8 ICT Delivering Tools

Unlocking information through data visualisation - Some case studies in using SVG Alistair Calder (& Alan Smith) Office for National Statistics United.

Working with images EIT, Author Gay Robertson, 2018.

Embedding Graphics in Web Pages

Creating Images for the Web

Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.

Chapter 3 – part2.

Making better PowerPoint Presentations

Lesson 7: Video, Audio and Image Techniques

Overview The World Wide Web has changed the way that people

Overview The World Wide Web has changed the way that people

GRAPHICAL USER INTERFACE GITAM GADTAULA. OVERVIEW What is Human Computer Interface (User Interface) principles of user interface design What makes a good.

GRAPHICAL USER INTERFACE GITAM GADTAULA KATHMANDU UNIVERSITY CLASS PRESENTATION.

Graphical interfaces: sharing experience

Guidelines to visualise statistical information: Tables, graphs and maps THE CONTRACTOR IS ACTING UNDER A FRAMEWORK CONTRACT CONCLUDED WITH THE COMMISSION.

Introduction to Portal for ArcGIS

Question Examples Is the interactive Google map useful?

Presentation transcript:

Making data more understandable through visualizations

The beauty of cross tabs 11/29/2018

Different tools for different users Tourists Farmers Miners Different tools for different tasks 11/29/2018

The population pyramid 11/29/2018

Making Data Meaningful, Part 2 A guide to presenting statistics Best Practices UNECE Making Data Meaningful, Part 2 A guide to presenting statistics Chapter 2: Visualization of statistics http://www.unece.org/fileadmin/DAM/stats/documents/writing/MDM_Part2_English.pdf

The pyramid can’t capture time http://www.neighbourhood.statistics.gov.uk/HTMLDocs/dvc1/UKPyramid.html 11/29/2018

Interactive maps If “a picture is worth a thousand words”, then “a map is worth a thousand numbers” UNECE, 2009 Respect general principles of map design Texts (title, legend, footnotes): accurate, use key words, keep it simple Colour scheme IS important

Journeys – Visualisation through SVG ONS: http://www.neighbourhood.statistics.gov.uk/HTMLDocs/dvc15/london2.svg 11/29/2018

Migration using HTML5 http://www.neighbourhood.statistics.gov.uk/HTMLDocs/dvc25/index.html 11/29/2018

Showing your data on Google maps http://onthemap.ces.census.gov/em.html 11/29/2018

Showing your data on Google maps http://onthemap.ces.census.gov/em.html 11/29/2018

eXplorer- OECD / NComVA http://stats.oecd.org/OECDregionalstatistics/#story=0

Story telling through maps 11/29/2018

Names – Best practices Sparkline Name Cloud However I would like to give on example of best practices. All or Nearly all NSI’s have lists the most popular names in their area. And in a way I should not give preference to http://www.statistik.zh.ch/internet/justiz_inneres/statistik/de/interaktives/vornamen.html

Flash became a standard Programmers hoped SVG would be a standard Platform challenges PDF was a problem Flash became a standard Programmers hoped SVG would be a standard Silverlight died HTML 5 is the way forward works with tablets and mobile phones 11/29/2018

Different technics for presenting maps Image based (e.g. GIF maps from Shape files) Flash SVG (Scalable Vector Graphics) KML (for Google- maps or Earth) WMS (Web Map Services) … What should we choose?

Pros and Cons ... Shape/GIF SVG Flash KML (Maps) KML (Earth) Shape/GIF SVG Flash KML (Maps) KML (Earth) Load speed Fast Slow Plug-ins needed? No Yes Copy/Paste support Not by default Dynamic effects Visual appearance Standard Very nice Nice Implementation Easy Not so easy External services required