Data Visualisation &
Infographics
By Brandon NG
Data
Visualisation
timestamp
locationalstatistics
Plotly
Signup and Login
Upon Successful Login
To visualize
HDB Resale Price Index
Housing and Development Board
Step 1:
Go to
https://data.gov.sg/
Step 2:
search for HDB Resale
Price Index
Click on Download
to save a copy in local drive
Go to Plotly
click on “My Charts”
Go to Plotly
click on “+NEW” & “Upload” to upload the newly downloaded dataset
HDB Resale Price Index
is successfully uploaded and added to Home
Hover and Open in Plotly 1.0
Data set are loaded and ready for visualization
- choose plot type, choose columns for X and Y axis
- click on LINE PLOT
Graph is presented – LINE CHART
Change the presentation of Graph
- BAR CHART
Graph is presented - BAR CHART
To visualize
Price Range of HDB Flats Offered
Housing and Development Board
To search for Price Range of HDB Flats Offered
Repeat the same steps
(i) to download the dataset into local drive, (ii) to...
Choose plot type = Heatmap; columns to be X, Y, Z; X/Y/Z
triplets
X: Town, Y: Room Type, Z: Selling Price
Heatmap for Price Range of HDB Flats Offered
corresponding to Room Type, Town & Price
Change details to be presented
X: Town, Y: Year, Z: Selling Price
Heatmap for Price Range of HDB Flats Offered
corresponding to Town, Year & Price
Visualisation of Locational
and Timestamp Data
Using Map Design
A MAP Worth Million of Words
Carto
Step 1:
Go to
http://carto.com/
Step 2:
Click on Sign Up
Carto
Singup : Signup with
new account
or
Login : Login using
Google Account
Login using existing
Google Account
Upon successful signup / login
Toggle between Maps and Datasets dashboard
Map Dashboard
Dataset Dashboard
To visualize
Time-based Locational Movement
of a person
Add Dataset
with Location and Timestamp details
From local drive (Existing dataset)
Click on NEW DATASET
To upload file stored locally
Click on BROWSE to upload the dataset file stored in local drive
Navigate to the local path
To create a map directly, click on the CONNECT DATASET
Connecting dataset….
Data View will be displayed
upon successful dataset upload and connection
Switch to Map View
to display the map with locational data
Map Display
To display and beautify the map to tell the details of data
(locational data based on timestamp)
To choose different map design to beautify and make sense of Data
To display Temporal (Timestamp) Data
using TORQUE
To display Locational (Geospatial) Data
using Heatmap
Thank You
Upcoming SlideShare
Loading in …5
×

NUS-ISS Learning Day 2016 - Data Visualisation & Infographics

681 views

Published on

Data visualisation is a powerful tool that allows you to make the complex simple and communicate effectively to your audience. Learn how you can create beautiful infographics, which is one of the most popular forms of data visualisation.

Published in: Data & Analytics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
681
On SlideShare
0
From Embeds
0
Number of Embeds
374
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

NUS-ISS Learning Day 2016 - Data Visualisation & Infographics

  1. 1. Data Visualisation & Infographics By Brandon NG
  2. 2. Data Visualisation timestamp locationalstatistics
  3. 3. Plotly
  4. 4. Signup and Login
  5. 5. Upon Successful Login
  6. 6. To visualize HDB Resale Price Index Housing and Development Board
  7. 7. Step 1: Go to https://data.gov.sg/ Step 2: search for HDB Resale Price Index
  8. 8. Click on Download to save a copy in local drive
  9. 9. Go to Plotly click on “My Charts”
  10. 10. Go to Plotly click on “+NEW” & “Upload” to upload the newly downloaded dataset
  11. 11. HDB Resale Price Index is successfully uploaded and added to Home
  12. 12. Hover and Open in Plotly 1.0
  13. 13. Data set are loaded and ready for visualization - choose plot type, choose columns for X and Y axis - click on LINE PLOT
  14. 14. Graph is presented – LINE CHART
  15. 15. Change the presentation of Graph - BAR CHART
  16. 16. Graph is presented - BAR CHART
  17. 17. To visualize Price Range of HDB Flats Offered Housing and Development Board
  18. 18. 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
  19. 19. Choose plot type = Heatmap; columns to be X, Y, Z; X/Y/Z triplets X: Town, Y: Room Type, Z: Selling Price
  20. 20. Heatmap for Price Range of HDB Flats Offered corresponding to Room Type, Town & Price
  21. 21. Change details to be presented X: Town, Y: Year, Z: Selling Price
  22. 22. Heatmap for Price Range of HDB Flats Offered corresponding to Town, Year & Price
  23. 23. Visualisation of Locational and Timestamp Data Using Map Design A MAP Worth Million of Words
  24. 24. Carto Step 1: Go to http://carto.com/ Step 2: Click on Sign Up
  25. 25. Carto Singup : Signup with new account or Login : Login using Google Account
  26. 26. Login using existing Google Account
  27. 27. Upon successful signup / login
  28. 28. Toggle between Maps and Datasets dashboard
  29. 29. Map Dashboard
  30. 30. Dataset Dashboard
  31. 31. To visualize Time-based Locational Movement of a person
  32. 32. Add Dataset with Location and Timestamp details From local drive (Existing dataset)
  33. 33. Click on NEW DATASET
  34. 34. To upload file stored locally Click on BROWSE to upload the dataset file stored in local drive
  35. 35. Navigate to the local path
  36. 36. To create a map directly, click on the CONNECT DATASET
  37. 37. Connecting dataset….
  38. 38. Data View will be displayed upon successful dataset upload and connection
  39. 39. Switch to Map View to display the map with locational data
  40. 40. Map Display To display and beautify the map to tell the details of data (locational data based on timestamp)
  41. 41. To choose different map design to beautify and make sense of Data
  42. 42. To display Temporal (Timestamp) Data using TORQUE
  43. 43. To display Locational (Geospatial) Data using Heatmap
  44. 44. Thank You

×