Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building Interactive Data Visualization Systems...
Search
Zhe Wang
January 13, 2016
0
190
Building Interactive Data Visualization Systems: A Tool for Light Curve Exploration
Zhe Wang
January 13, 2016
Tweet
Share
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
39
1.9k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
The Cult of Friendly URLs
andyhume
79
6.4k
Embracing the Ebb and Flow
colly
86
4.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
The World Runs on Bad Software
bkeepers
PRO
69
11k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
A Tale of Four Properties
chriscoyier
160
23k
Faster Mobile Websites
deanohume
307
31k
Transcript
Building Interactive Data Visualization Systems: A Tool for Light Curve
Exploration Zhe Wang PhD Student Department of Computer Science University of Arizona
Interactive Data Visualization • Make the visual representation of information
respond to human input • Human-Data Interaction
Why interactive data visualization? Raw Data Data Product Data Vis
Data Analysis Data Vis
Data Exploration • First step before a formal data analysis
• Help the user to get familiar with the dataset • Ask questions you may not even have raw data collection data cleaning data exploration Design models & algorithms Data product
Ok, let’s build a vis app for light curves.
Light Curve Time(MJD) Magnitude 52665.418 15.894 52677.430 15.835 52712.315 15.712
… …
Traditional Light Curve Visualization
Traditional Light Curve Analysis
Interactive Light Curve Visualization
Technical Detail HTML+Javascript(D3) JSON Web Application • Platform Independent •
Easy Access
Next Step?
None
Real-time Interactive PCA
Problem 1: Speed up PCA Calculation • Data Cube •
Precompute the intermediate parameters that will be used by PCA • Example (http://vis.stanford.edu/projects/immens/)
Speed up PCA calculation • Covariance Matrix a b c
… … … extra space for each row in the data cube for d-dimension dataset
Problem 2: Speed up PCA Plotting • 1 million points??
Speed up PCA Plotting • 1 million points?? Heat map
!
Speed up PCA Plotting • Specialized Data Structure (For extremely
large dataset) 10 20 (5, 20) (5, 15) (15, 20) (5, 10) (10, 15)
Demo
Technical Detail HTML+Javascript(D3) JSON Client Server Python(Flask) Data Cube
Build an interactive visualization system • Overview of the entire
dataset + linked charts showing details of subsets. • SVG or Canvas or WebGL? • Special Data Structure
Thanks!