Difference between revisions of "UIUX: Proposal"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
m
Line 32: Line 32:
  
 
<center><div style="background:#FF6A00; padding: 15px; line-height: 0.3em; letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Agency FB">VISUALISATION PLAN</font></div></center>
 
<center><div style="background:#FF6A00; padding: 15px; line-height: 0.3em; letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Agency FB">VISUALISATION PLAN</font></div></center>
 +
{| class="wikitable"
 +
|-
 +
! <div align="center">Type of Visualization</div> !! <div align="center">Detailed Description</div>
 +
|-
 +
| <center>Sankey</center>
  
 +
[[File:UIUXsankey.PNG|300px|frameless]]
 +
 +
Sample link: http://bl.ocks.org/d3noob/5028304
 +
 +
|| Sankey Diagrams display flows and their quantities in proportion to one another. The things being connected are called nodes and the connections are called links. It is best used to show a many-to-many mapping between two domains or multiple paths through a set of stages. Sankey is helpful in locating dominant contributions to an overall flow.
 +
|-
 +
|}
  
 
<center><div style="background:#FF6A00; padding: 15px; line-height: 0.3em; letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Agency FB">PROJECT TIMELINE</font></div></center>
 
<center><div style="background:#FF6A00; padding: 15px; line-height: 0.3em; letter-spacing:0.5em;font-size:20px"><font color=#fbfcfd face="Agency FB">PROJECT TIMELINE</font></div></center>

Revision as of 01:25, 14 October 2018

UIUXBanner.png


PROBLEM & MOTIVATION


DATA SOURCES


VISUALISATION PLAN
Type of Visualization
Detailed Description
Sankey

UIUXsankey.PNG

Sample link: http://bl.ocks.org/d3noob/5028304

Sankey Diagrams display flows and their quantities in proportion to one another. The things being connected are called nodes and the connections are called links. It is best used to show a many-to-many mapping between two domains or multiple paths through a set of stages. Sankey is helpful in locating dominant contributions to an overall flow.
PROJECT TIMELINE


UIUXSchedule.png


TECHNOLOGIES


UIUX Technologies.png


TECHNICAL CHALLENGES
Challenges Mitigation Plan
  • Team not proficient in Javascript, especially in D3 Libraries
  • Attend workshops on D3.js
  • Independent learning & self-research online
  • Peer Learning
  • Data Cleaning and Transformation
  • Plan the data cleaning steps properly and work closely as a group to ensure tidy data before coding out the visualisations.
  • Huge amount of data set causing slow rendering of web page
  • Research on ways of how to effectively render data
  • Store in database and create cache to prevent slow loading
COMMENTS

Feel free to comment on our project! 😁