nus-iss learning day 2016 - data visualisation & infographics
TRANSCRIPT
![Page 1: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/1.jpg)
Data Visualisation & Infographics
By Brandon NG
![Page 2: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/2.jpg)
Data Visualisation
timestamp
locationalstatistics
![Page 3: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/3.jpg)
Plotly
![Page 4: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/4.jpg)
Signup and Login
![Page 5: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/5.jpg)
Upon Successful Login
![Page 6: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/6.jpg)
To visualize
HDB Resale Price Index Housing and Development Board
Case Study
![Page 8: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/8.jpg)
Click on Download to save a copy in local drive
![Page 9: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/9.jpg)
Go to Plotly click on “My Charts”
![Page 10: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/10.jpg)
Go to Plotly click on “+NEW” & “Upload” to upload the newly downloaded dataset
![Page 11: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/11.jpg)
HDB Resale Price Index is successfully uploaded and added to Home
![Page 12: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/12.jpg)
Hover and Open in Plotly 1.0
![Page 13: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/13.jpg)
Data set are loaded and ready for visualization- choose plot type, choose columns for X and Y axis- click on LINE PLOT
![Page 14: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/14.jpg)
Graph is presented – LINE CHART
![Page 15: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/15.jpg)
Change the presentation of Graph- BAR CHART
![Page 16: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/16.jpg)
Graph is presented - BAR CHART
![Page 17: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/17.jpg)
To visualize
Price Range of HDB Flats OfferedHousing and Development Board
Case Study
![Page 18: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/18.jpg)
To search for Price Range of HDB Flats Offered
Repeat the same steps (i) to download the dataset into local drive, (ii) to upload into plotly
![Page 19: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/19.jpg)
Choose plot type = Heatmap; columns to be X, Y, Z; X/Y/Z tripletsX: Town, Y: Room Type, Z: Selling Price
![Page 20: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/20.jpg)
Heatmap for Price Range of HDB Flats Offered corresponding to Room Type, Town & Price
![Page 21: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/21.jpg)
Change details to be presentedX: Town, Y: Year, Z: Selling Price
![Page 22: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/22.jpg)
Heatmap for Price Range of HDB Flats Offeredcorresponding to Town, Year & Price
![Page 23: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/23.jpg)
Visualisation of Locational and
Timestamp DataUsing Map Design
A MAP Worth Million of Words
![Page 24: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/24.jpg)
Carto
Step 1: Go to
http://carto.com/
Step 2: Click on Sign Up
![Page 25: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/25.jpg)
Carto
Singup : Signup with new account
or
Login : Login using Google Account
![Page 26: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/26.jpg)
Login using existing Google Account
![Page 27: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/27.jpg)
Upon successful signup / login
![Page 28: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/28.jpg)
Toggle between Maps and Datasets dashboard
![Page 29: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/29.jpg)
Map Dashboard
![Page 30: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/30.jpg)
Dataset Dashboard
![Page 31: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/31.jpg)
To visualize
Time-based Locational Movement of a person
Case Study
![Page 32: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/32.jpg)
Add Datasetwith Location and Timestamp details
From local drive (Existing dataset)
![Page 33: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/33.jpg)
Click on NEW DATASET
![Page 34: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/34.jpg)
To upload file stored locallyClick on BROWSE to upload the dataset file stored in local drive
![Page 35: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/35.jpg)
Navigate to the local path
![Page 36: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/36.jpg)
To create a map directly, click on the CONNECT DATASET
![Page 37: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/37.jpg)
Connecting dataset….
![Page 38: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/38.jpg)
Data View will be displayed upon successful dataset upload and connection
![Page 39: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/39.jpg)
Switch to Map View to display the map with locational data
![Page 40: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/40.jpg)
Map DisplayTo display and beautify the map to tell the details of data
(locational data based on timestamp)
![Page 41: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/41.jpg)
To choose different map design to beautify and make sense of Data
![Page 42: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/42.jpg)
To display Temporal (Timestamp) Datausing TORQUE
![Page 43: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/43.jpg)
To display Locational (Geospatial) Data using Heatmap
![Page 44: NUS-ISS Learning Day 2016 - Data Visualisation & Infographics](https://reader036.vdocuments.site/reader036/viewer/2022070600/58a7265d1a28ab0d0d8b5111/html5/thumbnails/44.jpg)
Thank You