Difference between revisions of "ISSS608 2016 17T1 Group6 Proposal"

From Visual Analytics and Applications
Jump to navigation Jump to search
(Created page with "=Background= =Project Motivation= With this project, we hope to find out the changes in the characteristics of terrorist attacks over time. Also, we would want to verify the...")
 
Line 17: Line 17:
  
 
=Key Technical Challenges=
 
=Key Technical Challenges=
 +
<!---Start Table --->
 +
<center>
 +
{| style="background-color:#ffffff; margin: 3px 10px 3px 10px; font-size:15px" width="70%" |-
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; padding:5px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>Challenges</strong></font>
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; padding:5px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>Our Approach</strong></font>
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | Unfamiliarity with coding and using d3.js
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <ul><li>Search on the internet, looking at d3 examples or templates online</li><li>Ask seniors and friends who are familiar with coding</li></ul>
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | Unfamiliarity with usage of visualisations
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <ul><li>Independent learning</li><li>Online sources</li></ul>
 +
|}
 +
</center>
 +
<!--- End Table --->
  
 
=Milestones=
 
=Milestones=
 +
  
 
=Related Works=
 
=Related Works=
 +
<!---Start Table --->
 +
<center>
 +
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; font-size:15px" width="70%" |-
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; padding:5px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>Related Works</strong></font>
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; padding:5px; 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" |
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
|}
 +
</center>
 +
<!--- End Table --->
  
 
=Proposed Storyboard=
 
=Proposed Storyboard=
 +
<!---Start Table --->
 +
<center>
 +
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; font-size:15px" width="70%" |-
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; padding:5px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>Storyboard</strong></font>
 +
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; padding:5px; border-bottom:solid #38AECC" |
 +
<font color="#FAFAFF"><strong>Details</strong></font>
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | Home Page
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
|-
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | Main Visualisation
 +
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |
 +
|}
 +
</center>
 +
<!--- End Table --->
  
 
=Approach=
 
=Approach=
 +
To use d3.js to make an interactive application, that allows users to visualise the changes in terrorist attacks over the years. The interactive application will consist of different visualisation techniques.
 +
 +
The main elements of the application consist of the following:
 +
 +
 +
The technique that we will be using are as follows:
 +
<ol><li>Timeline with Filter</li><ul><li>Line Chart: Showing internet penetration globally</li><li>Stacked Bars: Showing number of casualties globally</ul></ol>
 +
<ol><li>Map with Filter</li></ol>
 +
<ol><li>Word Cloud</li></ol>
 +
<ol><li>Additional Filter</li></ol>

Revision as of 20:36, 7 November 2016

Background

Project Motivation

With this project, we hope to find out the changes in the characteristics of terrorist attacks over time. Also, we would want to verify the relationship between terrorism spread and Internet usage, to find if there is indeed a correlation between the two. By doing so, we hope to provide strategies in media operations in order to combat the threat of terrorism.

Project Objectives

The main goal of this project would be to provide an interactive online visualisation for users. In this visualisation, users will be able to:

  1. View the changes in terrorist attacks over time.
  2. Understand the methods, motive, and the impact of each terrorist attacks and how these have changed over time.
  3. Observe the relationship between internet usage and the change in the types and targets of terrorist attacks.

Hence, this visualisation will help security agencies and government bodies better plan strategies and policies in combatting the threat of terrorism.

Data Sources

  • Global Terrorism Database
  • World Bank

Key Technical Challenges

Challenges

Our Approach

Unfamiliarity with coding and using d3.js
  • Search on the internet, looking at d3 examples or templates online
  • Ask seniors and friends who are familiar with coding
Unfamiliarity with usage of visualisations
  • Independent learning
  • Online sources

Milestones

Related Works

Related Works

Learning Points

Proposed Storyboard

Storyboard

Details

Home Page
Main Visualisation

Approach

To use d3.js to make an interactive application, that allows users to visualise the changes in terrorist attacks over the years. The interactive application will consist of different visualisation techniques.

The main elements of the application consist of the following:


The technique that we will be using are as follows:

  1. Timeline with Filter
    • Line Chart: Showing internet penetration globally
    • Stacked Bars: Showing number of casualties globally
  1. Map with Filter
  1. Word Cloud
  1. Additional Filter
Retrieved from ‘https://wiki.smu.edu.sg/1617t1ISSS608g1/index.php?title=ISSS608_2016_17T1_Group6_Proposal&oldid=8327’