1718t1is428T7

PROPOSAL

POSTER

APPLICATION

REPORT

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 Source: link	Example shows the different intensity of percentage of the population affected by drug abuse and the total number of drug abusers as shape circle. Pros: Able to see an general picture of the drug landscape. Visually appealing and straightforward. Cons: Unable to drill-down for more detailed information. Some parts of the world are not properly represented.
Stacked Distribution Pipeline Source: link	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. Pros: Gives the viewer a clear idea of what this chart is about. Easy to understand and highly customisable. Cons: Too high level. Viewers might miss the fine details because of the colour.
Price OHLC Source: link	Example shows the price level, high and low for a type of drug along the years. Pros: A detailed view of the price level along the years. Easy to understand. Cons: Viewers who do not know how to read this chart might misinterpret the values. Not highly customisable.
Drug Prevalence Boxplot Source: link	Example shows the prevalence of a drug abuse in each country Pros: Many information on one chart. High level and low level view of information. Cons: Not straightforward, need time to digest the information. Chart might need filters to help summarise the data.

Storyboard

Main dashboard should show the overview information of the drugs e.g. the screenshot above.

First chart on the top left will be a parallel set, showing the relationship between countries and the different drug use. Sets should be customisable to enable different views.

The next chart on the right will be a scatter plot. It will show the various statistics of a drug and be able to provide insights of the relationship between different groups of drugs. Chart will also show the trace line of each bubble. By selecting the individual bubble, the user can see another dashboard will more drill down information of that specific drug.

The bottom chart will double as a adjustable timeline as well as a line graph showing the ups and downs over the years. Special milestone that affects the line will also be labelled. Adjusting this graph will filter the data that will be shown on the two charts above.

Key Technical Challenges

Inexperienced with data visualisation tools

New to D3.js and Javascript

Data cleaning and transformation

Project Schedule

500px

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

• https://data.unodc.org/
• https://golearn-archive.unodc.org/olat/raw/static/unodc/cube/attempts.html#
• http://www.emcdda.europa.eu/data/stats2017_en
• https://d3js.org/
• http://www.chartjs.org/

Our Team

Group 7
Fan Kaiyang
Mark Ng Wei Jie
Gary Quek Jian Zhang