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
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
740
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Navigating Team Friction
lara
188
15k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Designing for Performance
lara
610
69k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
870
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
332
22k
It's Worth the Effort
3n
185
28k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
420
Agile that works and the tools we love
rasmusluckow
329
21k
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!