Data Visualization Daily Life History

Total Page:16

File Type:pdf, Size:1020Kb

Data Visualization Daily Life History DESIGNING WITH AND FOR DATA — USER INTERFACE DESIGN SEMINAR / 01-04-2015 … and what did we learn! ABOUT US 2008 ABOUT US 15 ABOUT US Utrecht, the Netherlands CURRENT CLIENTS THE RISE OF DATA VISUALIZATION DAILY LIFE HISTORY 1786 1880 INTERNET +SENSORS SENSORS ARE EVERYWHERE SENSORS ARE EVERYWHERE SENSORS ARE EVERYWHERE GENERATES DATA WORLDWIDE DATA GROWTH Source: IDC, EMC VISUALIZING DATA COMMUNICATION Sender Message Receiver COMMUNICATION Data (visualisation) Sender Message Receiver INPUT DATA For example: - Numerical data • Financial • Climate • GIS • Web analytics - Textual data Sender • Social media • Newspaper articles - Images • Photo’s • CCTV • Movie INPUT DATA Sender Message Receiver METHOD ACQUIRE PARSE FILTER ANALYSE VISUALIZE ENRICH INTERACT based on Computational Information Design by Ben Fry METHOD ACQUIRE PARSE FILTER ANALYSE VISUALIZE ENRICH INTERACT based on Computational Information Design by Ben Fry TEAM Source: Andy Kirk TEAM Source: Andy Kirk TOOLS FOR VISUALIZATION Easy to use RAW Excel / OpenOffice Visage Tableau (public) Quadrigram Mr. Data Converter Mapbox Circos QlikView DataWrangler MagnaView Timeline Google Fusion Tables Data Design Many Eyes GeoCommons Cytoscape QGIS TIBCO Spotfire Raphael DataWrapper Open Refine CartoDB Processing 2 threejs R-Project NodeBox D3.js Advanced DIFFERENT CHART TYPES Comparing quantitative and categorical values Charting hierarchical and part-to-whole relationships Plotting trends and changes over time Graphing connections and multivariate relationships Mapping spatial data ADJUST Hue Orientation Intensity Size Position Shape Goals Make decissions Viewing data in context Sender Message Receiver Finding patterns Understanding a story Data visualization MessageGetting inspired Goals Make decissions Receiver Viewing data in context Finding patterns Understanding a story Getting inspired Ensure the outcome is relevant for the user Personal Specific Up to date 4 LESSONS LEARNED Visualising the KPI’s of a bank — DASHBOARD » DESIGN & DEVELOPMENT 2011 LESSON 1 Informing people with data is something different than ‘telling a story’ with data LESSON 2 Be aware when you do something unconventional Find in intuitive way patterns, relations and sentiments in online news and social media — PRODUCT » DESIGN & DEVELOPMENT LESSON 3 Creating data visualizations is time consuming (especialing when you try to find new ways to visualize things) CASE: Visualising Chicago’s mobility and infrastructure towards a prosperous future. — WEBSITE » ANALYSIS, DESIGN & DEVELOPMENT Chicago Metropolitan Agency for Planning http://www.cmap.illinois.gov http://www.cmap.illinois.gov http://www.cmap.illinois.gov http://www.cmap.illinois.gov C°F LESSON 4 Teamwork is crucial to create results like these THANK YOU! cleverfranke.com /cleverfranke @cleverfranke Further Reading Design for Information The Design of Everyday Things Isabel Meirelles Donald Norman Tools Data Visualization: A successful design process Visual Language for Designers Overview of tools Andy Kirk Connie Malamed http://www.visualisingdata.com/index.php/resources/ http://selection.datavisualization.ch/ The Functional Art - an introduction to information The Practical Guide to Information Design. graphics and visualization Ronnie Lipton Alberto Cairo Ways of Seeing Video Designing Data Visualization John Berger Noah Iliinsky & Julie Steele Hans Rosling http://www.ted.com/talks/ A Practical Guide to Designing with Data Visual Complexity: Mapping Patterns of Information hans_rosling_shows_the_best_stats_you_ve_ever_seen Brian Suda Manuel Lima Visualize This: The Flowing Data Guide to Design, The Book of Trees: Visualizing Branches of Visualization, and Statistics Knowledge Nathan Yau Manuel Lima Archive Statistical Atlas of the United States (1870 - 1890) The Visual Display of Quantitative Information Visual Storytelling: Inspiring a New Visual Language Edward Tufte R. Klanten, S. Ehmann, F. Schulz Getting Started with Processing Casey Reas and Ben Fry. .
Recommended publications
  • No-Scale Conditions
    S A J _ 2016 _ 8 _ original scientific article approval date 16 12 2016 UDK BROJEVI: 72.013 COBISS.SR-ID 236418828 RELATIONAL LOGICS AND DIAGRAMS: NO-SCALE CONDITIONS A B S T R A C T The paper investigates logics of relational thinking and connectivity, rendering particular correspondences between the elements of representation and the things represented in drawings, diagrams, maps, or notations, which either deny notions of scale, or work at all scales without belonging to any specific one of them. They include ratios and proportions (static and dynamic, geometric, arithmetic and harmonic progressions) expressing symmetry and self-similarity principles in spatial-metric terms, but also principles of nonlinearity and complexity by symmetry-breakings within non-metric systems. The first part explains geometric and numeric relational figures/sets as taken for “principles of beauty and primary aesthetic quality of all things” in classical philosophy, science, and architecture. These progressions are guided by certain rules or their combinations (codes and algorithms) based on principles of regularity, usually directly spatially reflected. Conversely, configurations representing the main subject of the following sections, could be spatially independent, transformable, and unpredictable, escaping regular extensive definitions. Their forms are presented through transitions from scalable to no-scale conditions showing initial symmetry breakings and abstractions, through complex forms of dynamic modulations and variations of matter, ending with
    [Show full text]
  • Introduction to Information Visualization.Pdf
    Introduction to Information Visualization Riccardo Mazza Introduction to Information Visualization 123 Riccardo Mazza University of Lugano Switzerland ISBN: 978-1-84800-218-0 e-ISBN: 978-1-84800-219-7 DOI: 10.1007/978-1-84800-219-7 British Library Cataloguing in Publication Data A catalogue record for this book is available from the British Library Library of Congress Control Number: 2008942431 c Springer-Verlag London Limited 2009 Apart from any fair dealing for the purposes of research or private study, or criticism or review, as permitted under the Copyright, Designs and Patents Act 1988, this publication may only be reproduced, stored or transmitted, in any form or by any means, with the prior permission in writing of the publish- ers, or in the case of reprographic reproduction in accordance with the terms of licences issued by the Copyright Licensing Agency. Enquiries concerning reproduction outside those terms should be sent to the publishers. The use of registered names, trademarks, etc., in this publication does not imply, even in the absence of a specific statement, that such names are exempt from the relevant laws and regulations and therefore free for general use. The publisher makes no representation, express or implied, with regard to the accuracy of the information contained in this book and cannot accept any legal responsibility or liability for any errors or omissions that may be made. Printed on acid-free paper Springer Science+Business Media springer.com To Vincenzo and Giulia Preface Imagine having to make a car journey. Perhaps you’re going to a holiday resort that you’re not familiar with.
    [Show full text]
  • Treemap Art Project
    EVERY ALGORITHM HAS ART IN IT Treemap Art Project By Ben Shneiderman Visit Exhibitions @ www.cpnas.org 2 tree-structured data as a set of nested rectangles) which has had a rippling impact on systems of data visualization since they were rst conceived in the 1990s. True innovation, by denition, never rests on accepted practices but continues to investigate by nding new In his book, “Visual Complexity: Mapping Patterns of perspectives. In this spirit, Shneiderman has created a series Information”, Manuel Lima coins the term networkism which of prints that turn our perception of treemaps on its head – an he denes as “a small but growing artistic trend, characterized eort that resonates with Lima’s idea of networkism. In the by the portrayal of gurative graph structures- illustrations of exhibition, Every AlgoRim has ART in it: Treemap Art network topologies revealing convoluted patterns of nodes and Project, Shneiderman strips his treemaps of the text labels to links.” Explaining networkism further, Lima reminds us that allow the viewer to consider their aesthetic properties thus the domains of art and science are highly intertwined and that laying bare the fundamental property that makes data complexity science is a new source of inspiration for artists and visualization eective. at is to say that the human mind designers as well as scientists and engineers. He states that processes information dierently when it is organized visually. this movement is equally motivated by the unveiling of new In so doing Shneiderman seems to daringly cross disciplinary is exhibit is a project of the knowledge domains as it is by the desire for the representation boundaries to wear the hat of the artist – something that has Cultural Programs of the National Academy of Sciences of complex systems.
    [Show full text]
  • Sample Syllabus
    ARTG 5110 INFORMATION DESIGN HISTORY | FALL 2014 | Mondays | Lab #305 SYLLABUS 4/6 Isabel Meirelles: [email protected] SHORT BIBLIOGRAPHY Literature in the histories of visualization practices is dispersed among papers and books dealing with particular topics. There are certain areas that have a vast literature, such as spatial and temporal structures, whereas other areas are scarcely studied, as is the case of spatio-temporal and textual structures. I list below a selection of seminal texts, and I encourage you to explore these and other resources during the course of this semester. * Indicates books available at NU library Text in bold indicates the suggested weekly readings RECOMMENDED TEXTS ON THE HISTORY OF VISUALIZATION Akerman, James R (2006): Cartographies of travel and navigation. Chicago, IL: University of Chicago Press * Beniger, James R. & Robyn, Dorothy L. (1978): Quantitative Graphics in Statistics: A Brief History in The American Statistician, Vol. 32, No. 1, pp. 1-11. (http://www.jstor.org/stable/2683467) Brinton, Willard C. (1939): Graphic Presentation. New York, NY: Brinton Associates (available as reprint) — (914): Graphic methods for Presenting Facts. New York, NY: The Engineering Magazine Company (available as reprint) Drucker, Johanna (2014): Graphesis: Visual Forms of Knowledge Production. Cambridge, MA: Harvard University Press Frangsmyr, T.; Heilbron, J. L.; Rider, R. E. (1990): The Quantifying Spirit in the Eighteenth Century (Uppsala Studies in History of Science, 7). Berkeley, CA: University of California Press Friendly, Michael (2005): Milestones in the History of Data Visualization: A Case Study in Statistical Historiography in C. Weihs & W. Gaul (Eds.) Classification: The Ubiquitous Challenge, pp.
    [Show full text]
  • What Is Visualization? Published in Visual Studies Journal (Taylor & Francis, 2011)
    1/26 Lev Manovich www.softwarestudies.com What is Visualization? Published in Visual Studies journal (Taylor & Francis, 2011). Abstract The article proposes that the practice of information visualisation (infovis) from its beginnings in the second part of the eighteenth century until today relied on two key principles. The first principle is reduction. Infovis uses graphical primitives such as points, strait lines, curves and simple geometric shapes to stand in for objects and relations between them. The second principle is the use of spatial variables (position, size, shape and, more recently, movement) to represent key differences in the data and reveal patterns and relations. Following this analysis, I discuss a more recent visualisation method which we can call ‘media visualisation’: creating new visual representations from the actual visual media objects (images, video) or their parts. The article analyses the well‐known examples of artistic visualisations that use this method: Listening Post (Ben Rubin and Mark Hansen, 2001), Cinema Redux (Brendan Dawes, 2004), and Preservation of Selected Traces (Ben Fry, 2009). I further suggest that media visualization method is particularly relevant for humanities, media studies and cultural institutions. Using the actual visual artefacts in visualisation as opposed to representing them by graphical primitives helps the researcher to understand meaning and/or cause behind the patterns she may observe, as well as discover additional patterns. To illustrate this idea, I present the examples of projects created in our lab at UCSD (Software Studies Initiative, softwarestudies.com). Founded in 2007, the lab develops on techniques and software to allow interactive exploration of large sets of visual cultural data using media visualisation approach and supervisualisation systems such as 287 megapixel HIPerSpace.
    [Show full text]
  • Excellence for Oral Roberts University Alumni and Friends
    fall 2010 excellence for oral roberts university alumni and friends Mabee Center Banquet Room CONSTRUCTED Trash Compactor Fred Creek RELOCATED REHABILITATED (Thank you, city of Tulsa) Chemistry Labs REMODELED Landscaping Kennedy Chapel ENHANCED REVIVED The Same, Only Better! Thanks to the Green family’s multi-million-dollar gifts, ORU has completed more renovations and addressed additional deferred maintenance this year. The results? Breathtaking. (See page 5) your voice Our Story, by God’s Grace! “Sing to God, sing praise to his name, extol him who rides on the clouds — his name is the LORD — and rejoice before him. A father to the fatherless, a defender of widows, is God in his holy dwelling” (Psalm 68:4-5). We alumni know what it is to go into every person’s world and we find joy in watching and supporting ORU as it continues to train and equip students to follow in our footsteps. Whether it’s in the mission field, the business arena, the arts, or the sciences, we know and have the experience to say with certainty that a degree from Oral Roberts University is the best preparation there is to go out from here and to change lives. (Just ask Freddy Boswell, who is featured in this issue.) I have the privilege of serving with Compassion International, a Alumni like Desmond Shepherd (in the yellow shirt, seen here with the children at a village Christ-centered child development school in India) are making an enormous difference in the lives of others. Read Desmond’s story on page 42. organization with a mission to rescue children from poverty in Jesus’ name.
    [Show full text]
  • Of Interest Payment
    OUT COVERING THURSDAY - MATAWAN BOROUGH 4NI> THE Home TOWNSHIPS OF MATAWAN, MARLBORO, All Week HOI.1VIDKI, mid MADISON fer 98th YEAR — 3lit WEEK Membor MATAWAN, N. J., THURSDAY, FEBRUARY 2^ Donate Playground Equipment Of Interest Payment Superior Court Judge Merrill Lane, Chancery Division, In Free- hold Friday exempted the Matawnn Survay To Start Ru^ioilc.l Bunld uf Education t'rum the need to pay accumulated in- Tho Friends of tho Matawnn terest for five years on tho $20,000 Free Public Library will .begin ;>, which must be returned, by a prior lia survey of community library SJ' verdict of the court, to Amron needs this week, Questionnaires The fiist in what may !u? a series hvi't'ii tiif lvach'.T.s and ho;ird rep- I ot least two months. It's a matter Corp., Poterson developers of the will be available nl the children') of sanctions \v;is put into effect yes- rt'Si-'ntiUivu.s, Another nt'goli^tltig i of tvhu li.is thv? big^o.st \Vi?:i[)ons auJ library building on Main St, t.'rday in tin- Mattiwan Regiuual si'^ii'.'i is •.ehcduleu t'.nii^ht. 40 houso Storylund Development on 1 1 j who can lust the lonsi-'r." Lloyd Rd., Matawnn Township. The public Is urged to obtain Selioo. systei:i hy nu'inbers o! I !.. 1'nctri the plan ogro'il upon } .Salary negotiations nppoarcd tn M.itawan Teachers Association, 'I'lif^lav, tfacluTv will not partici- Amron sued to recover the $500 these forms, complete them, and | hi! mokiriH somo hcad.vay witli return them as soon as possible Teaelif!.-; aro ivithhuldiuy ai! nun p;U« in iuiM iimom, i:.»fo!eria and j built sides niakinj; cotinior offers per home donation to schools given paid services under sanctions an bus duty, ft' iht* h'gh school levd, at the time of obtaining planning In order to help tho board of ! until IMOIHUIV whon the boaitl pro- trustees to plan libraty services.
    [Show full text]
  • CITY of WEST HOLLYWOOD Operating Budget
    CITY OF WEST HOLLYWOOD Operating Budget Two Fiscal Years: 2016 – 2017 and 2017 – 2018 Capital Work Plan 2nd YEAR UPDATE Five Fiscal Years: 2016 – 2021 Fiscal Year 2017 - 2018 WEST HOLLYWOOD, CALIFORNIA Major Initiatives Making Our Communities Safer Improving Mobility and Circulation Maintaining Neighborhood Character Supporting Vulnerable Communities Investing in Infrastructure West Hollywood’s residents and visitors are highly engaged with the City on social media. Read tweets about the City on each of the Budget’s colorful dividers. Cover photos: Top left: City Hall Community Plaza, Mural by artist MONCHO1929, Top right: Decision Day, photo by Jon Viscott, Lower left: WeHo Pedals, photo by Jon Viscott, Lower right: Modern Heroes Sculpture by Mauro Perucchetti, photo by Tony Coelho Graphic design: Cover and dividers, Joanne Shannahoff WEST HOLLYWOOD CITY COUNCIL 2017 – 2018 John Heilman John J. Duran John D’Amico Lindsey P. Horvath Lauren Meister Mayor Mayor Pro Tempore Council Member Council Member Council Member CITY MANAGEMENT TEAM City Manager Director of Human Services and Rent Stabilization Paul Arevalo Elizabeth Savage City Attorney Director of Public Works Mike Jenkins Oscar Delgado Director of Finance and Technology Services, Director of Communications Deputy City Manager Lisa Marie Belsanti David A. Wilson Director of Economic Development Director of Community Development, Maribel Louie Deputy City Manager Stephanie DeWolfe Los Angeles County Fire Department Assistant Fire Chief Anthony Williams Director of Administrative Services
    [Show full text]
  • Lecture 2 CATCH UP
    Lecture 2 CATCH UP: SciViz and DataViZ VS (contained in) InfoViz SCIVIS or DATAVIS: visualize empirical/scientific data, or real data to be seen (observed, analized, unserstood, perceived) o presents results, tells a data story o allows exploring data, o Understand the data (making hypothesis, verifying hypothesis, dempnstrating them, thus demonstrating a thesis) o uses well known techniques: tabs, graphs, maps, plots, … o Must choose • Best = most representative/well represented data • Proper (already existing) visualization method INFOVIS/ INFOGRAPHIC (INFORMATION + DATA) o Allows to • show results and tell stories, by reporting key findings • make comparisons • present a timeline story • advertisement • give instructions, explain processes • call to action • simplify complex data, resume a complex story o It builds/discovers/finds out the best visualization methods making up novel ones o Jointly exploits art and scivis methods INTERACTIVE and DYNAMIC or STATIC? VISUALIZATION (both InfoViz and SciViz): INTERACTIVE OR STATIC? A static visualization depicts a data story, a result that you want to explain to others. The result does not change in time. An interactive graphic tells a different story each time new data is automatically or manually inserted. It is dynamic (automatic dynamic update o manual update) Most often used by visual analytics and business intelligence tools INTERACTIVE https://www.nasdaq.com/ STATIC https://www.nasdaq.com/articles/when-performance-matters%3A-nasdaq- 100-vs.-sp-500-2019-07-22 The S&P 500, or just the S&P, is a stock market index that measures the stock performance of 500 large companies listed on stock exchanges in the United States. It is one of the most commonly followed equity indices, and many consider it to be one of the best representations of the U.S.
    [Show full text]
  • Contexts for Conservation 20132013 National Conference --- Adelaideadelaide 2323---- 25 October
    ContextsContexts for Conservation 20132013 National Conference --- AdelaideAdelaide 2323---- 25 October Data visualisation: a new tool for conservation Peter Shaw, National Archives of Australia Abstract In the National Archives of Australia we are flooded with information in databases, spread sheets and images. We use this data to identify, understand and retrieve collection items. Analysis of collections through physical surveys and database interrogations is used to establish conservation priorities and undertake identified projects. This methodical approach can be time consuming and labour intensive. Web based word searches can be a little like viewing the world through a letterbox. By harnessing data sets we can use visualisation techniques to look at everything and reveal associations that can be used for preservation and access purposes. Visualisation can be a useful tool for access, preservation planning and data entry quality. Five years ago, the Archives commissioned a project called the Visible Archive, in which visualisation techniques were applied to large Archives datasets to develop ways of exploring and understanding the contextual relationships of records. The Archives is currently supporting a project to explore content based image retrieval that will gather like images in a data set. For conservators and archivists this will have the benefit of identifying duplicate images; associating images that may be split across collections and allowing data entry comparison for consistency, accuracy and completeness. I aim to demonstrate that with available data sets conservators can use visualisation processes to identify conservation priorities in image collections and target records at risk and known to be deteriorating. Introduction My aim is to propose a different approach to the conservation and management of photographic collections.
    [Show full text]
  • Information Visualization, Self-Ethnography and You
    20120127 MARIUS WATZ - AHO INTERACTION DESIGN INFORMATION VISUALIZATION, SELF-ETHNOGRAPHY AND YOU An introduction to Information Visualization, including a (very) brief history, recent trends and the notion of Data Literacy. Practical application: Self-Etnography, also known as personal data logging. Easily available tools, relevant existing projects and suggested practices. TWITTER.COM/MARIUSWATZ FLICKR.COM/PHOTOS/WATZ UNLEKKER.NET VIMEO.COM/WATZ GENERATORX.NO DELICIOUS.COM/GARUDA WORKSHOP.EVOLUTIONZONE.COM INFORMATION VISUALIZATION » The practice of interpreting data and presenting it visually in ways that bring to light patterns of information, so as to enable the discovery of knowledge. » Visualization is often seen as a way of convincing an audience. But is also a powerful for discovering new knowledge. » The aim of visualization is to reveal (Manuel Lima) INFORMATION VISUALIZATION » History: Maps are as old as written culture. Infoviz as we know it dates back to late 1700s. » Almost all common chart types were pioneered before 1810 » Early heroes: William Playfair, Charles Minard, Florence Nightingale Willam Playfair Statistical Breviary (1801) Generally considered the first pie chart Willam Playfair Trade balance, England and Denmark / Norway Florence Nightingale, 1858 Causes of mortality in the Army Charles Minard, 1869 Chart of Napoleon’s disastrous march on Moscow Simultaneous display of multiple variables (location, troops, temperature) COMPUTERS & VISUALIZATION » A computer = a machine that computes. Computers are number crunchers, perfect tools for visualizing data. » Modern visualizations deal with huge data sets: - MRI scans - Internet topology - Human genomes - Social network interactions Visible Human Project, 1994 3D data set of the human body Male: 1 mm slices, 15 GB data Female: 0.33 mm slices, 40 GB data Bill Cheswick, June 1999 Map of the Internet, by IP addresses Ben Fry: HapMap Haplotype blocks in human genome >Link NEW CONCEPTS » Computational Design applies computational solutions to design tasks.
    [Show full text]
  • Aug 19 Reaching Over 117,000 Readers Every Week 60Th Year 1991
    Broadcasting :Aug 19 Reaching over 117,000 readers every week 60th Year 1991 TELEVISION / 34 RADIO / 27 BUSINESS / 41 JOURNALISM / 50 P.O.V. yanks film on Consumer electronics ABC -TV affiliates protest TV stations show little Catholic Church; making manufacturers ready to network's plan to cut interest in experimental the most of more news roll out AMAX `super radio' compensation coverage offederal courts The Right Image. Right Now. From AP GraphicsBank. (.'T G2-, î°0!' Television's Most Reliable Resource. Ap 1- 800 -821 -4747 # * * * * * * * * * * * * * ** ALL FOR SDC #010487L43 4P JUN92 8R332 AIIONA STATE U MAXWELL LIBRARY 177 WINONA MN 55987 I Broadcasting :.Aug 1 THIS WEEK 19 / INDUSTRY dramatically improve the REVENUES quality of AM sound. Enhanced features like a Lower station prices are minimum frequency the chief contributors to a response of 6.5 khz for car one -third drop in receivers and 7.5 khz for broadcasting industry home, automatic bandwidth valuations compared with control and AM noise several years ago. Current blanking should, broadcasters figures put industry hope, give the medium a valuation net of debt at $29.5 competitive chance against billion. On the cable side, FM. The unveiling is the cash flow valuation of scheduled for the Radio '91 systems, with debt convention next month, subtracted, is pegged at $44 With less than and 1,100 stations have told a year until the billion; network valuation 1992 Olympics, NBC the NAB they will air is estimated at $8 billion. Is still looking for space promotional spots in a year- Telcos have gained: for its PPV coverage (page 21).
    [Show full text]