<commit_before>## Design

<NAME> 
10492682

#### Europe map
A map of Europe will be created by zooming in on the d3 World Map. Information over the time course 2008-2014 can by viewed by means of a slider. In total, eleven windows can be chosen in which another variable will be displayed by color code.

*Dataset 1 Happiness variables:*
1* "Healthy life expectancy at birth": "70.51219177",
2* "Positive affect": "0.659085035",
3* "Generosity": "-0.000629284",
4 "country": "Slovenia",
5* "Perceptions of corruption": "0.892197907",
6* "Democratic Quality": "",
7* "Freedom to make life choices": "0.896007299",
8* "Life Ladder": "5.740642071",
9* "Confidence in national government": "0.202604815",
10 "year": "2015",
11* "Log GDP per capita": "10.26922512",
12* "Social support": "0.901163757",
13* "Negative affect": "0.26141873"

For this matter, it is important to implement a convenient dictionary with country codes pointing to the years, and years pointing to the rest of the variables.
      
When a country gets clicked on, a list appears of variables with corresponding values. Moreover, a graph of parallel coordinates will be implemented to play with the variables, and compare those of different EU countries with eachother. Furthermore, a bar chart will demonstrate a new dataset: drug use per country.

*Dataset 2 Drugs variabeles:*
1 Amphetamines in EU countries
2 Cannabis in EU countries
3 Cocaine in EU countries
4 Ecstacy-like drugs in EU countries
5 Opiates in EU countries










<commit_msg>update DESIGN<commit_after>### Design
By <NAME> – 10492682
##### Map of Europe
A map of Europe will be created by zooming in on the d3 World Map. Information over the time course 2008-2014 can be viewed by means of a slider. In total, eleven windows can be chosen in which another variable will be displayed by color code. For this matter, it is important to implement a convenient dictionary with country codes pointing to the years, and years pointing to the rest of the variables. *See image 1.*
##### Graph of parallel coordinates
In this graph, the user can play with all eleven variables of multiple countries. *See image 2.*
##### Bar graph
When clicking on a country, a bar chart appears with the annual prevalence of drug use of five types of drugs (x axis) as percentage of the population between 15-64 years old (unless otherwise indicated) (y axis): prevalence of amphetamines, cannabis, cocaine, ecstasy-type substances, and opiates (also includes problem opiate users). *See image 2.* 
##### Table
When a bar in the bar graph gets clicked on, a values get filled in in an (empty) table. *See image 2.*
##### Scatterplot
Optional.

*Dataset 1 Happiness variables:*
1. Healthy life expectancy at birth
2. Positive affect
3. Generosity
4. Country
5. Perceptions of corruption
6. Democratic Quality
7. Freedom to make life choices
8. Life Ladder
9. Confidence in national government
10. Year
11. Log GDP per capita
12. Social support
13. Negative affect

*Dataset 2 Drugs variabeles:*
1. Amphetamines in EU countries
2. Cannabis in EU countries
3. Cocaine in EU countries
4. Ecstacy-like drugs in EU countries
5. Opiates in EU countries

![sketch 1](./doc/afb1.jpeg "img1")

![sketch 2](./doc/afb2.jpeg "img2")
{'fraction_non_alphanumeric': 0.07965421426366162, 'fraction_numerical': 0.061438715652979314, 'mean_word_length': 4.454545454545454, 'pattern_counts': {'":': 13, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1229935', 'n_tokens_mistral': 1018, 'n_tokens_neox': 882, 'n_words': 497}