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

Case Study

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 OfferedHousing and Development Board

Case Study

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

Choose plot type = Heatmap; columns to be X, Y, Z; X/Y/Z tripletsX: 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 presentedX: Town, Y: Year, Z: Selling Price

Heatmap for Price Range of HDB Flats Offeredcorresponding to Town, Year & Price

Visualisation of Locational and

Timestamp DataUsing 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

Case Study

Add Datasetwith Location and Timestamp details

From local drive (Existing dataset)

Click on NEW DATASET

To upload file stored locallyClick 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 DisplayTo 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) Datausing TORQUE

To display Locational (Geospatial) Data using Heatmap

Thank You