Difference between revisions of "ISSS608 2016 17T1 Group6 Project Report"

From Visual Analytics and Applications
Jump to navigation Jump to search
Line 48: Line 48:
  
 
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Past Works</strong></font></div>==
 
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Past Works</strong></font></div>==
−
<b>Review and critic past works:</b><br>
+
<!---Start Table --->
−
http://start.umd.edu/gtd/globe/index.html (bars height as number of attacks)<br>
+
<center>
−
http://terror.periscopic.com/ (A world of terror)<br>
+
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; font-size:15px" width="80%" |-
−
http://www.shorttails.io/a-timeline-of-terrorism/ (A Timeline of Terrorism)<br>
+
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; padding:3px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>References</strong></font>
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; padding:3px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>Learning Points</strong></font>
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>Example 1</strong> [[File:threetify_example1.png|400px|center]] [http://storymaps.esri.com/stories/2016/terrorist-attacks/ Source]
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <ul><li>Interactivity - Being able to click on a country and see the number of fatalities and attacks. Also has the option of clicking on recent attacks and seeing where it occurred on the map.</li><li>Design - opacity and colours of the proportional symbols allows users to see which areas have been heavily attacked</li></ul>
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>Example 2</strong> [[File:threetify_example2.png|400px|center]] [http://www.com Source]
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |<ul><li></li><li></li></ul>
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>Example 3</strong> [[File:threetify_example3.png|400px|center]] [http://www.com Source]
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |<ul><li></li><li></li></ul>
 +
|}
 +
</center>
 +
<!--- End Table --->
 +
http://start.umd.edu/gtd/globe/index.html (bars height as number of attacks)
  
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Design Framework</strong></font></div>==
+
http://terror.periscopic.com/ (A world of terror)
−
A detail description of the design principles used and data visualisation elements built (Refer to Section 3: Interface of this paper [1].<br>
 
−
<b>Sample dashboard to imitate:</b><br>
 
−
http://anmolkoul.github.io/#<br>
 
−
[[File:threetify_dashboard_sample.png| 400px]]<br>
 
−
<b>Sample spinning globe to imitate:</b><br>
 
−
http://bl.ocks.org/PatrickStotz/1f19b3e4cb848100ffd7<br>
 
−
[[File:threetify_spinningglobe_sample.png| 400px]]<br>
 
  
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Demonstration</strong></font></div>==
+
http://www.shorttails.io/a-timeline-of-terrorism/ (A Timeline of Terrorism)
−
Sample test cases<br>
 
−
Put gif. http://www.giffingtool.com/ <br>
 
−
 
 
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Discussion</strong></font></div>==
 
−
What has the audience learned from your work? What new insights or practices has your system enabled? A full blown user study is not expected, but informal observations of use that help evaluate your system are encouraged.
 
−
 
 
−
 
 
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em; text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Future Work</strong></font></div>==
 
−
<b>Visualisation Recommendations</b><br>
 
−
We wish to improve our visualisation dashboard by linking the Text Cloud to the cross filter. At the moment this is not achievable as we could not keep the time dimension after breaking the words into tokens. <br>
 
−
We also hope to add tooltips to show the terrorist attack details when the mouse hovering on different parts of the map. We give up on showing the details of individual events because there will be too many points on the map, which makes the web page extremely slow and prone to crash. However, we believe there should be a better way of adding event specific information.<br>
 
−
Moreover, we wish to improve our dashboard to allow sorting on total number of attacks, targets of attacks and types of attacks.<br>
 
−
<br>
 
−
<b>Dataset Recommendations</b><br>
 
−
The dataset has too many irrelevant words and missing data in the motivation column. Most of the motivations records tend to be about violate incidents in the United States, whereas the attacks that caused large numbers of casualties often have no motivation records. Clearer motivations will help identify the keywords in the Word Cloud and come up with strategies to tackle the root cause of terrorist attacks.<br>
 
−
The dataset also has a large proportion of unknown information or missing records, which makes the analysis of certain aspects difficult. For instance, the classification of International Attacks has around 60% of the records being unknown. As a result, we could not use the variable for analysis as it does not show a clear enough picture. The data needs more updates to be more complete.
 
−
 
 
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Guides</strong></font></div>==
 
−
Installation Guide - including hardware configuration and software integrationn.
 
−
User Guide - Step-by-step guide on how to use the data visualisation functions designed.
 

Revision as of 21:24, 21 November 2016

Threetify logo.png

Introduction

Proposal

Final Report

Project Poster

Project Application

Main Page

Design Framework

Demonstration

Discussion

User Guides

Motivation

Motivation of the application:
In recent years, terrorism attacks in the western world are the centre of focus and receive extensive reporting. However, terrorist attacks in the Middle East, South America, Africa and South Asia often receive much less attention or totally neglected. This creates a perspective that is far from the truth. We aim to present a holistic picture of the global terrorist attacks: across time, countries, targets and methods, to help the viewers have a better understanding of terrorist attacks in various countries during different periods of time.

Past Works

References

Learning Points

Example 1
Threetify example1.png
Source
  • Interactivity - Being able to click on a country and see the number of fatalities and attacks. Also has the option of clicking on recent attacks and seeing where it occurred on the map.
  • Design - opacity and colours of the proportional symbols allows users to see which areas have been heavily attacked
Example 2
Threetify example2.png
Source
Example 3
Threetify example3.png
Source

http://start.umd.edu/gtd/globe/index.html (bars height as number of attacks)

http://terror.periscopic.com/ (A world of terror)

http://www.shorttails.io/a-timeline-of-terrorism/ (A Timeline of Terrorism)

Retrieved from ‘https://wiki.smu.edu.sg/1617t1ISSS608g1/index.php?title=ISSS608_2016_17T1_Group6_Project_Report&oldid=8555’