Difference between revisions of "ISSS608 Project Team 3 Design"

From Visual Analytics and Applications
Jump to navigation Jump to search
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
 
<!--MAIN HEADER -->
 
<!--MAIN HEADER -->
 
{|style="background-color:#1B338F;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
 
{|style="background-color:#1B338F;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="12%" |  
+
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="15%" |  
 
;
 
;
 
[[ISSS608_Project_Team 3| <font color="#FFFFFF">Motivation</font>]]
 
[[ISSS608_Project_Team 3| <font color="#FFFFFF">Motivation</font>]]
  
| style="font-family:Verdana; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="12%" |  
+
| style="font-family:Verdana; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="15%" |  
 
;
 
;
 
[[ISSS608_Project_Team 3_PastWork| <font color="#FFFFFF">Past Works</font>]]
 
[[ISSS608_Project_Team 3_PastWork| <font color="#FFFFFF">Past Works</font>]]
Line 17: Line 17:
 
[[ISSS608_Project_Team 3_Demo| <font color="#FFFFFF">Demo & Use Cases</font>]]
 
[[ISSS608_Project_Team 3_Demo| <font color="#FFFFFF">Demo & Use Cases</font>]]
  
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="12%" |  
+
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="15%" |  
 
;
 
;
 
[[ISSS608_Project_Team 3_Discussion| <font color="#FFFFFF">Discussions</font>]]
 
[[ISSS608_Project_Team 3_Discussion| <font color="#FFFFFF">Discussions</font>]]
  
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="12%" |  
+
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="15%" |  
 
;
 
;
 
[[ISSS608_Project_Team 3_FutureWork| <font color="#FFFFFF">Future Work</font>]]
 
[[ISSS608_Project_Team 3_FutureWork| <font color="#FFFFFF">Future Work</font>]]
  
| style="font-family: Verdana; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="12%" |
+
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="15%" |  
;
 
[[ISSS608_Project_Team 3_Poster| <font color="#FFFFFF">Poster</font>]]
 
 
 
| style="font-family: Verdana; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="12%" |  
 
 
;
 
;
 
[[ISSS608_Project_Team 3_UserGuide| <font color="#FFFFFF">Guides</font>]]
 
[[ISSS608_Project_Team 3_UserGuide| <font color="#FFFFFF">Guides</font>]]
Line 35: Line 31:
 
|  &nbsp;
 
|  &nbsp;
 
|}
 
|}
 +
  
 
<br/>
 
<br/>
Line 61: Line 58:
 
===d3.js===
 
===d3.js===
  
===Multi-Attributes Relationship===
+
* '''Multi-Attributes Relationship'''
  
 
Scatter Plot
 
Scatter Plot
  
 
Parallel Coordinates Plot
 
Parallel Coordinates Plot

Latest revision as of 16:42, 23 November 2016

Motivation

Past Works

Design Framework

Demo & Use Cases

Discussions

Future Work

Guides

 



Overview

Data Source & Data Preparation

Design Principles Used

Tools Used & Data Visualisation Elements

Tableau Visualisation

  • CWUR

Lichin

  • SHANGHAI

Christine

  • TIMES

Alvin

Qlik Sense Visualisation

d3.js

  • Multi-Attributes Relationship

Scatter Plot

Parallel Coordinates Plot