Difference between revisions of "1718t1is428T7"
| Line 60: | Line 60: | ||
|-  | |-  | ||
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | | style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | ||
| − | + | Interactive Filled World Map<br> [[File:G1t7_proposal_map.png|300px]]<br />Source: [http://www.unodc.org/wdr2016/interactive-map.html link] </strong>  | |
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | | style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | ||
<b>Pros:</b>  | <b>Pros:</b>  | ||
| Line 72: | Line 72: | ||
|-  | |-  | ||
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | | style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | ||
| − | + | Stacked Distribution Pipeline<br> [[File:G1t7_proposal_distribution.png|300px]]<br />Source: [http://www.informationisbeautiful.net/visualizations/drug-deal-potential-tax-revenue-from-legalized-narcotics/ link] </strong>  | |
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | | style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | ||
<b>Pros:</b>  | <b>Pros:</b>  | ||
| Line 84: | Line 84: | ||
|-  | |-  | ||
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | | style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | ||
| − | + | Price OHLC<br> [[File:G1t7_proposal_price.png|300px]]<br />Source: [http://www.emcdda.europa.eu/data/stats2017_en link] </strong>  | |
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | | style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | ||
<b>Pros:</b>  | <b>Pros:</b>  | ||
| Line 96: | Line 96: | ||
|-  | |-  | ||
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | | style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>  | ||
| − | + | Drug Prevalence Boxplot<br> [[File:G1t7_proposal_boxplot.png|300px]]<br />Source: [http://www.unodc.org/doc/wdr2016/WORLD_DRUG_REPORT_2016_web.pdf link] </strong>  | |
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | | style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |    | ||
ABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCAB<br>  | ABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCAB<br>  | ||
| Line 124: | Line 124: | ||
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:17px; font-family: Helvetica;  border-left:8px solid #0091b3"><font color= #000000><strong>Key Technical Challenges</strong></font></div>==  | ==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:17px; font-family: Helvetica;  border-left:8px solid #0091b3"><font color= #000000><strong>Key Technical Challenges</strong></font></div>==  | ||
<div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | <div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | ||
| − | <b>  | + | <b>Inexperienced with data visualisation tools</b><br>  | 
| − | + | *  | |
| + | *  | ||
| − | <b>  | + | <b>New to D3.js and Javascript</b><br>  | 
| − | + | *  | |
| − | + | *  | |
| − | |||
| − | |||
| + | <b>Data cleaning and transformation</b><br>  | ||
| + | *  | ||
| + | *  | ||
</div>  | </div>  | ||
| Line 138: | Line 140: | ||
<div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | <div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | ||
<center>[[File:Forensic Ninja Timeline.PNG|500px]]</center>  | <center>[[File:Forensic Ninja Timeline.PNG|500px]]</center>  | ||
| + | </div>  | ||
| + | |||
| + | ==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:17px; font-family: Helvetica;  border-left:8px solid #0091b3"><font color= #000000><strong>Tools/Technologies</strong></font></div>==  | ||
| + | <div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | ||
| + | These are the tools and technologies that we will be learning and implementing for this project:  | ||
| + | *Tableau  | ||
| + | *Microsoft Excel  | ||
| + | *D3.js  | ||
| + | *Chart.js  | ||
| + | *AngularJS  | ||
</div>  | </div>  | ||
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:17px; font-family: Helvetica;  border-left:8px solid #0091b3"><font color= #000000><strong>References</strong></font></div>==  | ==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:17px; font-family: Helvetica;  border-left:8px solid #0091b3"><font color= #000000><strong>References</strong></font></div>==  | ||
<div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | <div style="margin:0px; padding: 10px; background: #f2f4f4; font-family: Open Sans, Arial, sans-serif; border-radius: 7px; text-align:left">  | ||
| − | + | *  | |
| − | + | *  | |
</div>  | </div>  | ||
Revision as of 10:52, 13 October 2017
Contents
Problem and Motivation
TEXT 
TEXT 
TEXT 
Objectives
TEXT 
TEXT
Data Source
Datasets are retrieved from https://data.unodc.org/ and http://www.emcdda.europa.eu/data/stats2017_en.
These two sites provides comprehensive and diverse data regarding drugs.
Data Snippet
References to Related Work
| Screenshots | What we can learn | 
| 
 Interactive Filled World Map  | 
 Pros: Cons:  | 
| 
 Stacked Distribution Pipeline  | 
 Pros: Cons:  | 
| 
 Price OHLC  | 
 Pros: Cons:  | 
| 
 Drug Prevalence Boxplot  | 
 ABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCAB Cons:  | 
Storyboard
Key Technical Challenges
Inexperienced with data visualisation tools
New to D3.js and Javascript
Data cleaning and transformation
Project Schedule
Tools/Technologies
These are the tools and technologies that we will be learning and implementing for this project:
- Tableau
 - Microsoft Excel
 - D3.js
 - Chart.js
 - AngularJS
 
References
Our Team
Group 7
Fan Kaiyang
Mark Ng Wei Jie
Gary Quek Jian Zhang