Difference between revisions of "1718t1is428T7"
| Line 62: | Line 62: | ||
Interactive Filled World Map<br> [[File:G1t7_proposal_map.png|300px]]<br />Source: [http://www.unodc.org/wdr2016/interactive-map.html link] </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" | | ||
| + | This example shows the different intensity of percentage of the population affected by drug abuse and the total number of drug abusers as shape circle.<br> | ||
<b>Pros:</b> | <b>Pros:</b> | ||
| − | * | + | *Able to see an general picture of the drug landscape. |
| − | * | + | *Visually appealing and straightforward. |
<b>Cons:</b> | <b>Cons:</b> | ||
| − | * | + | *Unable to drill-down for more detailed information. |
| − | * | + | *Some parts of the world are not properly represented. |
|- | |- | ||
| Line 74: | Line 75: | ||
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> | 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" | | ||
| + | Example showcase a beautifully designed stacked bar, showing the ratio of revenue brought in by each type of drug that fuels the different types of activities at the right end of the chart.<br> | ||
<b>Pros:</b> | <b>Pros:</b> | ||
| − | * | + | *Gives the viewer a clear idea of what this chart is about. |
| − | * | + | *Easy to understand and highly customisable. |
<b>Cons:</b> | <b>Cons:</b> | ||
| − | * | + | *Too high level. |
| − | * | + | *Viewers might miss the fine details because of the colour. |
|- | |- | ||
| Line 150: | Line 152: | ||
*Chart.js | *Chart.js | ||
*AngularJS | *AngularJS | ||
| + | *Adobe Illustrator | ||
</div> | </div> | ||
Revision as of 11:17, 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 |
This example shows the different intensity of percentage of the population affected by drug abuse and the total number of drug abusers as shape circle.
Cons:
|
|
Stacked Distribution Pipeline |
Example showcase a beautifully designed stacked bar, showing the ratio of revenue brought in by each type of drug that fuels the different types of activities at the right end of the chart.
Cons:
|
|
Price OHLC |
Pros: Cons: |
|
Drug Prevalence Boxplot |
ABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCABCAB Cons: |
Storyboard
TEXT
TEXT
TEXT
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
- Adobe Illustrator
References
Our Team
Group 7
Fan Kaiyang
Mark Ng Wei Jie
Gary Quek Jian Zhang
