what is data visualization
TRANSCRIPT
Data Visualization Nikhil Srivastava, 2015
Nikhil Srivastava
Moringa School
Summer 2015
Data Visualization Nikhil Srivastava, 2015
Data Visualization Nikhil Srivastava, 2015
Data Visualization
Data Visualization Nikhil Srivastava, 2015
Effective Data Visualization
Data Visualization Nikhil Srivastava, 2015
Principles and Techniques
Effective Data Visualizationof
Data Visualization Nikhil Srivastava, 2015
Learn and Apply
Principles and Techniques
Effective Data Visualization
the
of
Data Visualization Nikhil Srivastava, 2015
Nikhil Srivastava
0713 987 262
I build products & businesses in the fields of finance & technology.
I organize & visualize information for teaching & understanding.
nikhilsrivastava.com
Data Visualization Nikhil Srivastava, 2015
About You: Homework #1
Savio Abuga
Mosaab Baba
Victor Chweya
Ron Gichuhi
Kevin Kavai
Mutisya Maingi
Andrew Makachia
Andrew Molo
Leon Muchoki
Anthony Mwangi
Waiyaki Njomo
Data Visualization Nikhil Srivastava, 2015
Course Details
• Class format
• Course website [see email]
– Slides, demos, extra material
– Code samples and libraries
– Final projects
Data Visualization Nikhil Srivastava, 2015
Course Overview
• What is Data Visualization?
• Thinking and Seeing
• From Data to Graphics
• Highcharts & Javascript
• Class Project
• [Next Steps]
introduction
foundation & theory
building blocks
construction
Data Visualization Nikhil Srivastava, 2015
• What is Data Visualization?
• Thinking and Seeing
• From Data to Graphics
• Highcharts & Javascript
• Class Project
• [Next Steps]
introduction
foundation & theory
building blocks
construction
Data Visualization Nikhil Srivastava, 2015
Data Visualization (DV)
Information Visualization
Scientific Visualization Infographics
Statistical GraphicsInformative Art
ArtScience
Statistics
JournalismDesign
Visual Analytics
Data Visualization Nikhil Srivastava, 2015
City/Town County Population Ahero Kisumu 76,828 Athi River Machakos 139,380 Awasi Kisumu 93,369 Kangundo-Tala Machakos 218,557 Karuri Kiambu 129,934 Kiambu Kiambu 88,869 Kikuyu Kiambu 233,231 Kisumu Kisumu 409,928 Kitale Trans-Nzoia 106,187 Kitui Kitui 155,896 Limuru Kiambu 104,282 Machakos Machakos 150,041 Molo Nakuru 107,806 Mwingi Kitui 83,803 Naivasha Nakuru 181,966 Nakuru Nakuru 307,990 Nandi Hills Trans-Nzoia 73,626 Ruiru Kiambu 238,858 Thika Kiambu 139,853
Data Visualization Nikhil Srivastava, 2015
City/Town County Population Ahero Kisumu 76,828 Athi River Machakos 139,380 Awasi Kisumu 93,369 Kangundo-Tala Machakos 218,557 Karuri Kiambu 129,934 Kiambu Kiambu 88,869 Kikuyu Kiambu 233,231 Kisumu Kisumu 409,928 Kitale Trans-Nzoia 106,187 Kitui Kitui 155,896 Limuru Kiambu 104,282 Machakos Machakos 150,041 Molo Nakuru 107,806 Mwingi Kitui 83,803 Naivasha Nakuru 181,966 Nakuru Nakuru 307,990 Nandi Hills Trans-Nzoia 73,626 Ruiru Kiambu 238,858 Thika Kiambu 139,853
• Which is the most populous
city in the list?
• Which county in the list has
the most cities?
• Which county in the list has
the largest average city?
Data Visualization Nikhil Srivastava, 2015
Data Visualization Nikhil Srivastava, 2015
• Which is the most populous
city in the list?
• Which county in the list has
the most cities?
• Which county in the list has
the largest average city?
Data Visualization Nikhil Srivastava, 2015
• Which is the most populous
city in the list?
• Which county in the list has
the most cities?
• Which county in the list has
the largest average city?
• What is the population of
Limuru?
Data Visualization Nikhil Srivastava, 2015
• Which is the most populous
city in the list?
• Which county in the list has
the most cities?
• Which county in the list has
the largest average city?
Data Visualization is:
• Useful
– Answers user questions
– Reduces user workload
(by design, not by default.)
Data Visualization Nikhil Srivastava, 2015
Anscombe’s quartet (1973)
Data Visualization Nikhil Srivastava, 2015
Anscombe’s quartet (1973)
Data Visualization Nikhil Srivastava, 2015
Data Visualization is:
• Important
– Resolve ambiguity
– Locate outliers
– Understand structure and patterns
Data Visualization Nikhil Srivastava, 2015
How much bigger is B than A?A
B
Data Visualization Nikhil Srivastava, 2015
A B
How much bigger is B than A?
Data Visualization Nikhil Srivastava, 2015
A B
How much bigger is B than A?
Data Visualization Nikhil Srivastava, 2015
Data Visualization Nikhil Srivastava, 2015
Data Visualization is:
• Important
– Design decisions affect interpretation
Data Visualization Nikhil Srivastava, 2015
Data Visualization Nikhil Srivastava, 2015
Data Visualization Nikhil Srivastava, 2015
Data Visualization is:
• Powerful
– Communicate, teach, inspire
Data Visualization Nikhil Srivastava, 2015
Why use DV?
• Explore, Analyze, Communicate
• Answer user questions, facilitate tasks
• Visual = efficient
Data Visualization Nikhil Srivastava, 2015
Definitions
• “the process that transforms (abstract) data into interactive
graphical representations for the purpose of exploration,
confirmation, or presentation” 1
• “finding the artificial memory that best supports our natural
means of perception” 2
• “the use of computer-generated, interactive, visual
representations of data to amplify cognition” 3
• “giving information a visual representation that is useful for
analysis and presentation” 4
Data Visualization Nikhil Srivastava, 2015
Planetary Movement Line Chart
Unknown, ~1000 AD
A (Brief) History
Data Visualization Nikhil Srivastava, 2015
A New Chart of HistoryJoseph Priestley, 1769
Data Visualization Nikhil Srivastava, 2015
“Linear Chronology” of Economy Metrics
William Playfair, 1824
Data Visualization Nikhil Srivastava, 2015
Crimean War Deaths
Florence Nightingale, 1858 (re-colorized)
Data Visualization Nikhil Srivastava, 2015
Mother of All Demos
Douglas Engelbart, 1968
Data Visualization Nikhil Srivastava, 2015
Why is DV relevant?
“The ability to take data—to be able to understand it,
to process it, to extract value from it, to visualize it,
to communicate it— that’s going to be a hugely
important skill in the next decades, ... because now
we really do have essentially free and ubiquitous
data.”
- Hal Varian, 2009
Data Visualization Nikhil Srivastava, 2015
Why is DV relevant?
• In one second …
• Open data
• Open technologies
• Growing use in business, science, media,
advertising
Data Visualization Nikhil Srivastava, 2015
Focus Extra
purpose communicate explore, analyze
data numerical,categorical
text, maps, graphs, networks
feature representation animation,Interactivity
Course Scope
Data Visualization Nikhil Srivastava, 2015
For next time: Homework #2
• Find a data visualization
Data Visualization Nikhil Srivastava, 2015
Questions?
Nikhil Srivastava
0713 987 262