Data Visualization LiteracyKaty Börner@katycns

Victor H. Yngve Distinguished Professor of Engineering and Information Science Director, Cyberinfrastructure for Network Science CenterIndiana University

Informing Environmental Health Decisions Through Data IntegrationNational Academies Keck Center, Room 100500 Fifth Street, NW, Washington DC

@NASEM_ESEHD

February 20, 2018

Data Visualization Literacy

Data visualization literacy (ability to read, make, and explain data visualizations) requires • literacy (ability to read and write text, e.g., in titles, axis labels,

legend), • visual literacy (ability to find, interpret, evaluate, use, and

create images and visual media), and• data literacy (ability to read, create, and communicate data).

“Being able to “read and write” data visualizations is becoming as important as being able to read and write text. Understanding, measuring, and improving data and visualization literacy is important for understanding STEAM developments and to strategically approach global issues.”

2

Tasks

3See Atlas of Science: Anyone Can Map, page 5

Needs-Driven Workflow Design

Stakeholders

Data

READ ANALYZE VISUALIZE

DEPLOY

Validation

Interpretation

Visually encode

data

Overlay data

Select visualiz.

type

Types and levels of analysis determinedata, algorithms & parameters, and deployment data

l

4

Visualization Framework

See Atlas of Science: Anyone Can Map, page 24 5

Visualization Framework

See BIG TABLE:

See Atlas of Science: Anyone Can Map, pages 36-39 6

Sci2 Tool Interface Components Implement Vis FrameworkDownload tool for free at http://sci2.cns.iu.edu

7

Load One File and Run Many Analyses and Visualizations

8

Times Cited

Publication Year

City of Publisher Country Journal Title (Full)

Title Subject Category Authors

12 2011 NEW YORK USA COMMUNICATIONS OF THE ACM

Plug-and-Play Macroscopes Computer Science Borner, K

18 2010 MALDEN USA CTS-CLINICAL AND TRANSLATIONAL SCIENCE

Advancing the Science of Team Science

Research & Experimental Medicine

Falk-Krzesinski, HJ|Borner, K|Contractor, N|Fiore, SM|Hall, KL|Keyton, J|Spring, B|Stokols, D|Trochim, W|Uzzi, B

13 2010 WASHINGTON USA SCIENCE TRANSLATIONAL MEDICINE

A Multi-Level Systems Perspective for the Science of Team Science

Cell Biology |Research & Experimental Medicine

Borner, K|Contractor, N|Falk-Krzesinski, HJ|Fiore, SM|Hall, KL|Keyton, J|Spring, B|Stokols, D|Trochim, W|Uzzi, B

Load One File and Run Many Analyses and Visualizations

9

Times Cited

Publication Year

City of Publisher Country Journal Title (Full)

Title Subject Category Authors

12 2011 NEW YORK USA COMMUNICATIONS OF THE ACM

Plug-and-Play Macroscopes Computer Science Borner, K

18 2010 MALDEN USA CTS-CLINICAL AND TRANSLATIONAL SCIENCE

Advancing the Science of Team Science

Research & Experimental Medicine

Falk-Krzesinski, HJ|Borner, K|Contractor, N|Fiore, SM|Hall, KL|Keyton, J|Spring, B|Stokols, D|Trochim, W|Uzzi, B

13 2010 WASHINGTON USA SCIENCE TRANSLATIONAL MEDICINE

A Multi-Level Systems Perspective for the Science of Team Science

Cell Biology |Research & Experimental Medicine

Borner, K|Contractor, N|Falk-Krzesinski, HJ|Fiore, SM|Hall, KL|Keyton, J|Spring, B|Stokols, D|Trochim, W|Uzzi, B

Co-author and many other bi-modal networks.

10

Fig. 1. From: ToxPi GUI: an interactive visualization tool for transparent integration of data from diverse sources of evidence. Example of relationship between Results and Chartwindows. The upper panel shows sorted ToxPi results, with the highlighted reference chemical (rank #2) signified by the bold square and cross-hairs on the lower panel. Inset: pop-up high-resolution window showing individual chemical’s ToxPi and information

David M. Reif, et al. Bioinformatics. 2013 Feb 1;29(3):402-403.

11

References

Börner, Katy, Chen, Chaomei, and Boyack, Kevin. (2003). Visualizing Knowledge Domains. In Blaise Cronin (Ed.), ARIST, Medford, NJ: Information Today, Volume 37, Chapter 5, pp. 179-255.

Shiffrin, Richard M. and Börner, Katy (Eds.) (2004). Mapping Knowledge Domains. Proceedings of the National Academy of Sciences of the United States of America, 101(Suppl_1). http://www.pnas.org/content/vol101/suppl_1

Börner, Katy (2010) Atlas of Science: Visualizing What We Know. The MIT Press. http://scimaps.org/atlas

Scharnhorst, Andrea, Börner, Katy, van den Besselaar, Peter (2012) Models of Science Dynamics. Springer Verlag.

Katy Börner, Michael Conlon, Jon Corson-Rikert, Cornell, Ying Ding (2012) VIVO: A Semantic Approach to Scholarly Networking and Discovery. Morgan & Claypool.

Katy Börner and David E Polley (2014) Visual Insights: A Practical Guide to Making Sense of Data. The MIT Press.

Börner, Katy (2015) Atlas of Knowledge: Anyone Can Map. The MIT Press. http://scimaps.org/atlas2

12

ii

ii

ii

ii

Datasets Attributes

Dataset Types

Data Types

Data and Dataset Types

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Items Attributes Links Positions Grids

Attribute Types

Ordering Direction

Categorical

OrderedOrdinal

Quantitative

Sequential

Diverging

Cyclic

Tables Networks & Trees

Fields Geometry Clusters, Sets, Lists

Items

Attributes

Items (nodes)

Links

Attributes

Grids

Positions

Attributes

Items

Positions

Items

Grid of positions

Figure 2.1. What can be visualized: data, datasets, and attributes.

ii

ii

ii

ii

Geometry (Spatial)

Position

Figure 2.1. What can be visualized: data, datasets, and attributes.

Visualization Analysis and Design. Tamara Munzner, CRC Press, 2014.

DATA TYPES

ii

ii

ii

ii

Magnitude Channels: Ordered Attributes Identity Channels: Categorical Attributes

Spatial region

Color hue

Motion

Shape

Position on common scale

Position on unaligned scale

Length (1D size)

Tilt/angle

Area (2D size)

Depth (3D position)

Color luminance

Color saturation

Curvature

Volume (3D size)

Figure 5.1. The effectiveness of channels that modify the appearance of marks depends on matching the expres-siveness of channels with the attributes being encoded.

Visualization Analysis and Design. Tamara Munzner, CRC Press, 2014.

VISUAL ENCODINGS

EXERCISE - Data Types

EXERCISE - Deconstruction

Delta Sky Magazine

http://msp.imirus.com/Mpowered/book/vds2014/i1/p30

// CALIFORNIA'S NATURAL WONDERS

// TALK SHOW WITH FITZ & THE TANTRUMS

// LA: 1 CITY 5 WAYS

JANUARY 2014

Los AngelesState of MindWhere to go, who to know and how to roll in the City of Angels.

Jimmy Kimmel

Making a living being

a smart aleck

// How do you want to make Los Angeles better? One, I want to reduce our city’s unemployment rate and make this a business-friendly city—a place where you can’t aff ord not to do business; a place where the best-trained workforce exists; a place where the best infra-structure is built; and a place that

you feel is your platform. Two, I want to make city government work again. I’m a high-tech guy, and I want to build a high-tech city hall that’s focused on the basics, like customer service and fi xing potholes, but which brings government to you in an unexpected way—whether it’s smartphone apps or by sharing data about your city with the public. In my fi rst 100 days, I launched a new website that has performance metrics so that people can actually track what we’re doing well and what we’re not doing well.

// Talk about your transportation initiatives. I think this is a kind of golden age of transportation in LA. The voters passed measures in recent years to build out what is now the third-largest public transportation system in the coun-try, to improve the roads and highways and to reduce traffi c.

But what I would like to see is a Los Angeles where you don’t need a car—where you can get to a neighborhood via various modes of transport, but then you can walk around that neigh-borhood, shopping, eating, going to farmers markets. In the car capital of America, if we can show a reduction in pollution and a reduction in traffi c by a combination of technology and other disruptive forces like new car-share enterprises, I think people will say: If LA can do it, we can do it, too.

// What are some attributes that people might fi nd surprising about your hometown?Our economy is one of the most diverse and refl ects the most creative people. It’s not just Hollywood and TV. We’ve got three top-25 universities here—no other city has that. We have a collection of incredible neighborhood “villages,” where people are inventing food in a new way, mashing up cultures so that Korean short rib tacos are the latest craze. I think also that a lot of people don’t realize how much Los Angeles has become the art capital of the world. There are more artists that live and create here—almost what happened to New York in the ’70s and ’80s is going on in LA now, because artists still can aff ord to live here. People would be very

surprised at how many of our neighborhoods are walkable, are bikeable. The cliché that you’re going to come out here and be stuck in your car in traffi c the whole time is not as true as it used to be. —Gene Rebeck

Eric Garcetti envisions a Los Angeles where you don’t need a car to live well. No car? In LA? Seriously? But the city—and its new mayor—off ers many surprises. Elected in May 2013 and assuming the mayor’s offi ce in July, Garcetti is a fourth-generation Angeleno whose background—Mexican and Jewish—befi ts an ethnically complex city where 220 languages are spoken. A Rhodes Scholar, the 42-year-old served on the city council for more than a decade, representing the district that includes Hollywood, before becoming the city’s youngest mayor in a century.

28 JANUARY 2014 deltaskymag.com

Las Vegas, January 4–6—Digital content creators will meet to talk about boosting their visibility and better monetizing their industry. Rio All-Suites Hotel & Casino, nmxlive.com/2014-lv

New Media Expo Davos Klosters, Switzerland, January 22–25—This famed skull session brings together global celebrities in business, politics, academia and media. Multiple venues, weforum.org/events

World Economic Forum

Annual Meeting

Conference Call //

The cliché that you’re going to come out here and be stuck in

your car in traffi c the whole time is not as true as it used to be.

—Eric GarcettiFive Minutes With //

Eric Garcetti Mayor of Los Angeles

iFX Expo Asia

Macau, January 22–23—The currency-trading world comes together to talk shop and learn what’s next for the sector’s future. The Venetian Macao, ifxexpo.com/macau2014

Los Angeles Population By Race

Source: United States Census Bureau, 2012 estimates. Note: The concept of race is separate from the concept of origin; 48 percent of respondents identifi ed themselves as “Hispanic or Latino” but fall into one of the above groups.

NativeHawaiian &

other Pacifi c Islander

6K0.2%

Two or more races131K

3.4%

American Indian & Alaska Native17K | 0.4%

Black 358,659

9.7%

Asian438K

11.5%White

2.01 million

52.6 %

Black358K9.4%

Some other race861K

22.5%

Wheels

UP

// How do you want to make Los Angeles better? One, I want to reduce our city’s unemployment rate and make this a business-friendly city—a place where you can’t aff ord not to do business; a place where the best-trained workforce exists; a place where the best infra-structure is built; and a place that

you feel is your platform. Two, I want to make city government work again. I’m a high-tech guy, and I want to build a high-tech city hall that’s focused on the basics, like customer service and fi xing potholes, but which brings government to you in an unexpected way—whether it’s smartphone apps or by sharing data about your city with the public. In my fi rst 100 days, I launched a new website that has performance metrics so that people can actually track what we’re doing well and what we’re not doing well.

// Talk about your transportation initiatives. I think this is a kind of golden age of transportation in LA. The voters passed measures in recent years to build out what is now the third-largest public transportation system in the coun-try, to improve the roads and highways and to reduce traffi c.

But what I would like to see is a Los Angeles where you don’t need a car—where you can get to a neighborhood via various modes of transport, but then you can walk around that neigh-borhood, shopping, eating, going to farmers markets. In the car capital of America, if we can show a reduction in pollution and a reduction in traffi c by a combination of technology and other disruptive forces like new car-share enterprises, I think people will say: If LA can do it, we can do it, too.

// What are some attributes that people might fi nd surprising about your hometown?Our economy is one of the most diverse and refl ects the most creative people. It’s not just Hollywood and TV. We’ve got three top-25 universities here—no other city has that. We have a collection of incredible neighborhood “villages,” where people are inventing food in a new way, mashing up cultures so that Korean short rib tacos are the latest craze. I think also that a lot of people don’t realize how much Los Angeles has become the art capital of the world. There are more artists that live and create here—almost what happened to New York in the ’70s and ’80s is going on in LA now, because artists still can aff ord to live here. People would be very

surprised at how many of our neighborhoods are walkable, are bikeable. The cliché that you’re going to come out here and be stuck in your car in traffi c the whole time is not as true as it used to be. —Gene Rebeck

Eric Garcetti envisions a Los Angeles where you don’t need a car to live well. No car? In LA? Seriously? But the city—and its new mayor—off ers many surprises. Elected in May 2013 and assuming the mayor’s offi ce in July, Garcetti is a fourth-generation Angeleno whose background—Mexican and Jewish—befi ts an ethnically complex city where 220 languages are spoken. A Rhodes Scholar, the 42-year-old served on the city council for more than a decade, representing the district that includes Hollywood, before becoming the city’s youngest mayor in a century.

28 JANUARY 2014 deltaskymag.com

Las Vegas, January 4–6—Digital content creators will meet to talk about boosting their visibility and better monetizing their industry. Rio All-Suites Hotel & Casino, nmxlive.com/2014-lv

New Media Expo Davos Klosters, Switzerland, January 22–25—This famed skull session brings together global celebrities in business, politics, academia and media. Multiple venues, weforum.org/events

World Economic Forum

Annual Meeting

Conference Call //

The cliché that you’re going to come out here and be stuck in

your car in traffi c the whole time is not as true as it used to be.

—Eric GarcettiFive Minutes With //

Eric Garcetti Mayor of Los Angeles

iFX Expo Asia

Macau, January 22–23—The currency-trading world comes together to talk shop and learn what’s next for the sector’s future. The Venetian Macao, ifxexpo.com/macau2014

Los Angeles Population By Race

Source: United States Census Bureau, 2012 estimates. Note: The concept of race is separate from the concept of origin; 48 percent of respondents identifi ed themselves as “Hispanic or Latino” but fall into one of the above groups.

NativeHawaiian &

other Pacifi c Islander

6K0.2%

Two or more races131K

3.4%

American Indian & Alaska Native17K | 0.4%

Black 358,659

9.7%

Asian438K

11.5%White

2.01 million

52.6 %

Black358K9.4%

Some other race861K

22.5%

Wheels

UP

EXERCISE - Integrity Principles