Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
A better future with KSS
kneath
240
18k
GraphQLとの向き合い方2022年版
quramy
50
14k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Mobile First: as difficult as doing things right
swwweet
225
10k
Context Engineering - Making Every Token Count
addyosmani
9
530
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!