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
200
Building Interactive Data Visualization Systems: A Tool for Light Curve Exploration
Zhe Wang
January 13, 2016
Tweet
Share
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
How to Think Like a Performance Engineer
csswizardry
27
2k
We Have a Design System, Now What?
morganepeng
53
7.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Automating Front-end Workflow
addyosmani
1371
200k
Writing Fast Ruby
sferik
629
62k
Music & Morning Musume
bryan
46
6.8k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Designing for Performance
lara
610
69k
Balancing Empowerment & Direction
lara
4
680
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!