-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
791 lines (643 loc) · 38.9 KB
/
Copy pathindex.html
File metadata and controls
791 lines (643 loc) · 38.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Visualising Erowid</title>
<!-- External fonts css -->
<link href='https://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type='text/css'>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Pronoia css -->
<link href="css/erowidstyle.css" rel="stylesheet">
<script src="js/d3.min.js"></script>
<script src="js/sigma.min.js"></script>
<script src="js/fixhover.js"></script>
<script src="js/sigma.parsers.json.min.js"></script>
<script src="js/sigma.plugins.filter.min.js"></script>
<script src="js/favicon.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#000000"
},
"button": {
"background": "#ffffff"
}
},
"position": "bottom-right",
"content": {
"message": "This website uses cookies to provide us classical usage statistics"
}
})});
</script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="100">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container-fluid eroHeader">
<div id="erowidHeader">
<div id="title" >
<div class="glitch" data-text="VISUALISING EROWID">
VISUALISING EROWID
</div>
</div>
<div id="subtitle">
<h2>
a data driven anthropological research on drugs
</h2>
</div>
</div>
</div>
<div class="container-fluid pink" id="intro">
<div class="container">
<div class="row">
<div class="col-md-12">
<p>The user-based online organization <a href="https://www.erowid.org/" target="_blank">Erowid</a> aims to provide unbiased information about a broad variety of psychoactive substances. Their website provides pharmacological, chemical, biomedical and botanical resources, and hosts more than 20.000 experience reports written by drug users. This large body of user-based knowledge is frequently consulted by drug users who wish to reduce the harmful effects of drug consumption, and whose primary source of information is more and more online.</p>
<p> In order to understand the knowledge practices associated with Erowid, and their entanglements with contemporary drug use, our team of digital anthropologists explored novel methods to analyze Erowid's digital content and connect it with ethnographic expertise. The results that we present on this website provide both a glimpse into practices of reporting drug use, into actual patterns of drug consumption, and into the possibilities of a digitally literate anthropology.</p>
</div>
</div>
</div>
</div>
<!-- Fixed navbar -->
<nav class="navbar navbar-default affix-top" data-spy="affix">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand" href="#">Project name</a> -->
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#intro">About</a></li>
<li><a href="#section1">Overview</a></li>
<li><a href="#section6">Language</a></li>
<li><a href="#section7">Co-use</a></li>
<li><a href="#section11">Dosage</a></li>
<li><a href="#section13">Glossary</a></li>
<li><a href="#footer">Credits</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- Content -->
<div class="container description postaffix" id="section1">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Dataset description</h1>
<h4>overview</h4>
</div>
<div class="col-xs-12 col-md-8"><p>From a total of 20,534 reports, we consider for the following analysises only the ones concerning a selected set of substances. Reports mentioning the selected subset of substances constitute roughly the 45% of the full dataset available on <a href="https://www.erowid.org/" target="_blank">Erowid.org</a>.</p>
</div>
</div>
</div>
<div class="container-fluid viz" id="section2">
<div class="container">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="940px" height="247.686px" viewBox="165 21.738 940 247.686" enable-background="new 165 21.738 940 247.686"
xml:space="preserve">
<g>
<g transform="translate(1,1)">
<rect x="164" y="20.738" fill="#303030" width="429.149" height="247.686"/>
<title>in: 9,480</title>
</g>
<rect x="594.149" y="21.738" fill="#FFEFEF" width="510.852" height="247.686"/>
<g>
<text transform="matrix(1 0 0 1 186.3591 236.6738)" fill="#FFEFEF" font-family="'Crimson Text'" font-weight="bold" font-size="25.5204">9,480 </text>
<text transform="matrix(1 0 0 1 243.9763 236.6738)" fill="#FFEFEF" font-family="'Crimson Text'" font-size="12.7602">reports</text>
<text transform="matrix(1 0 0 1 186.3591 251.9863)" fill="#FFEFEF" font-family="'Crimson Text'" font-size="12.7602">mention one of the selected substances</text>
</g>
<g>
<text transform="matrix(1 0 0 1 628.5061 236.6738)" fill="#303030" font-family="'Crimson Text'" font-weight="bold" font-size="25.5204">11,282 </text>
<text transform="matrix(1 0 0 1 689.6594 236.6738)" fill="#303030" font-family="'Crimson Text'" font-size="12.7602">reports</text>
<text transform="matrix(1 0 0 1 628.5061 251.9863)" fill="#303030" font-family="'Crimson Text'" font-size="12.7602">do not mention one of the selected substances</text>
</g>
</g>
</svg>
</div>
</div>
<div class="container description" id="section3">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Dataset breakdown per substance</h1>
<h4>overview</h4>
</div>
<div class="col-xs-12 col-md-8"><p>The visualization shows the number of reports mentioning one of the selected substances at least one time. On a total of 10,387 reports, the biggest amount is related to <span class="hallucinogenics">hallucinogenics (7375)</span>, followed by <span class="stimulants">stimulant substances (1340)</span> and <span class="sedatives">sedatives (1343)</span>. The smallest amount of reports are related to <span class="supplements">nootropics and supplements (329)</span>.</p>
</div>
</div>
</div>
<div class="container-fluid viz" id="section4">
<div class="container">
<div class="row">
<div class="col-md-12" id="treemap">
</div>
</div>
</div>
</div>
<div class="container description" id="section4">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Users demographics</h1>
<h4>Overview</h4>
</div>
<div class="col-xs-12 col-md-8"><p>
The visualization presents some general statistics about users reporting experiences. More than 9,000 users have reported their body weight, with the average weight being 70 kg. Only 969 users have declared their age. The average age of users is 23. 9,683 reports out of 11,187 are from users who have declared their sex. A gender issue emerges from the analysis as there are 8,348 reports from male users <i class="fa fa-mars"></i>, and only 1,335 from female users <i class="fa fa-venus"></i>. Interestingly, <span class="stimulants">Cocaine</span> and <span class="hallucinogenics">MDMA</span> have a relatively higher female percentage than all the other substances. Looking at the age distribution we can see that all substances are reported by younger users (below 25 years old), but with a deeper observation two groups can be identified. <span class="stimulants">Amphetamines</span>, <span class="stimulants">AMT</span> and <span class="hallucinogenics">H.B. Woodrose</span> are are exclusively reported by users below 35 years old while substances like <span class="stimulants">Cocaine</span>, <span class="sedatives">DXM</span> and <span class="hallucinogenics">MDMA</span> have a wider age distribution.
</p>
<div id="generalstat">
<object type="image/svg+xml" data="img/statistics/small-overall.svg" class="logo">
</object>
</div>
<div class="btn-group btn-group-substances">
<button type="button" class="btn btn-default stimulants" dtype="stimulants">Stimulants</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives">Sedatives</button>
<button type="button" class="btn btn-default supplements" dtype="supplements">Supplements</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics">Hallucinogenics</button>
</div>
</div>
</div>
</div>
<div class="container-fluid viz" id="section5">
<div class="slotwrapper" id="stimulants">
<div class="leftscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="slot">
<img class="slotImg" width="1114px" src="img/statistics/ampetamines.png">
<img class="slotImg" width="1114px" src="img/statistics/amt.png">
<img class="slotImg" width="1114px" src="img/statistics/cocaine.png">
<img class="slotImg" width="1114px" src="img/statistics/nutmeg.png">
</div>
<div class="rigthscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
<div class="slotwrapper" id="sedatives">
<div class="leftscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="slot">
<img class="slotImg" width="1114px" src="img/statistics/dxm.png">
<img class="slotImg" width="1114px" src="img/statistics/ghb.png">
<img class="slotImg" width="1114px" src="img/statistics/gbl.png">
<img class="slotImg" width="1114px" src="img/statistics/ketamine.png">
<img class="slotImg" width="1114px" src="img/statistics/kratom.png">
</div>
<div class="rigthscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
<div class="slotwrapper" id="supplements">
<div class="leftscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="slot">
<img class="slotImg" width="1114px" src="img/statistics/melatonin.png">
<img class="slotImg" width="1114px" src="img/statistics/modafinil.png">
<img class="slotImg" width="1114px" src="img/statistics/piracetam.png">
</div>
<div class="rigthscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
<div class="slotwrapper" id="hallucinogenics">
<div class="leftscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-left"></i>
</div>
</div>
<div class="slot">
<img class="slotImg" width="1114px" src="img/statistics/ayahuasca.png">
<img class="slotImg" width="1114px" src="img/statistics/dmt.png">
<img class="slotImg" width="1114px" src="img/statistics/hbwoodrose.png">
<img class="slotImg" width="1114px" src="img/statistics/lsd.png">
<img class="slotImg" width="1114px" src="img/statistics/mdma.png">
<img class="slotImg" width="1114px" src="img/statistics/morningglory.png">
<img class="slotImg" width="1114px" src="img/statistics/mushrooms.png">
<img class="slotImg" width="1114px" src="img/statistics/morningglory.png">
<img class="slotImg" width="1114px" src="img/statistics/nitrousoxide.png">
<img class="slotImg" width="1114px" src="img/statistics/salvia.png">
<img class="slotImg" width="1114px" src="img/statistics/syrianrue.png">
</div>
<div class="rigthscrollhelper">
<div class="scrollhelperarrow">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
</div>
<div class="container description" id="section6">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Most used word pairs per substance</h1>
<h4>Language</h4>
</div>
<div class="col-xs-12 col-md-8"><p>
The text of each report has been mined in order to extract relevant language connected to a particular substance that might provide deeper insight into frequent experiences with this substance. The visualization shows the top 30 word pairs (<a href="https://en.wikipedia.org/wiki/Bigram" target="_blank">bigrams</a>) for each substance and how often they occur in a subset of reports. Each substance has its own vocabulary. Actions, tools, effects on the body, dosage, suggestions of consumption, persons and groups emerge in different amounts from different substances</p>
<div class="btn-group btn-group-substances" >
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="amphetamines">Amphetamines</button>
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="amt">AMT</button>
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="cocaine">Cocaine</button>
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="nutmeg">Nutmeg</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="dxm">DXM</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="ghb-gbl">GHB + GBL</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="ketamine">Ketamine</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="kratom">Kratom</button>
<button type="button" class="btn btn-default supplements" dtype="supplements" data="melatonin">Melatonin</button>
<button type="button" class="btn btn-default supplements" dtype="supplements" data="modafinil">Modafinil</button>
<button type="button" class="btn btn-default supplements" dtype="supplements" data="piracetam">Piracetam</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="ayahuasca">Ayahuasca</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="dmt">DMT</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="hbwoodrose">H.B. Woodrose</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="lsd">LSD</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="mdma">MDMA</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="morningglory">Morning Glory</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="mushrooms">Mushrooms</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="nitrousoxide">Nitrous Oxide</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="salvia">Salvia</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="syrianrue">Syrian Rue</button>
</div>
</div>
</div>
</div>
<div class="container-fluid viz" id="section6">
<div class="container">
<div class="row">
<div class="col-md-12" id="bigramviz">
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container-fluid description" id="section7">
<div class="container">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Substances' usage network</h1>
<h4>co-use</h4>
</div>
<div class="col-xs-12 col-md-8"><p>This network of co-consumption shows which substances are frequently consumed together and thus appear in the same experience report. The visualization allows to explore consumption behavior and shows clusters of substances. The bigger a node, the more often the substance is mentioned. The thickness of the connecting line and the closeness of two nodes provide information about how frequently two substances are co-consumed. Clusters of substances that are frequently consumed together are colored with the same shade of gray. You can explore the network by zooming in and out, searching for a substance, or selecting a node for more information. When clicking on a node, a list of co-consumed substances is shown</p>
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container-fluid viz" id="section8">
<div class="container">
<div class="row">
<div class="col-md-3" id="section8right">
<div class="row">
<div class="col-md-12" id="searchwrapper">
<input id="searchsub" class="typeahead" type="text" placeholder="Search substance">
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="selectedNodes no-opacity">
</div>
</div>
</div>
<div class="linkedNodes no-opacity">
<div class="networkSide"></div>
</div>
</div>
<div class="col-md-9">
<div id="networkContainer">
<div id="controller">
<div class="btn-group-vertical" id="btn-zoom-wrapper">
<button class="btn btn-default" id="zoomIn">
<i class="fa fa-plus"></i>
</button>
<button class="btn btn-default" id="zoomReset">
<i class="fa fa-refresh"></i>
</button>
<button class="btn btn-default" id="zoomOut">
<i class="fa fa-minus"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container description" id="section9">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Usage trends overtime</h1>
<h4>co-use</h4>
</div>
<div class="col-xs-12 col-md-8"><p>The visualization shows the co-consumption pattern of various substances over time. Only substances mentioned simultaneously in one report during at least two years are considered for the analysis. The thickness of each stream represents the total amount of co-occurences. By clicking on a substance from the list on the top, a stream graph of the substances co-consumed with it during the last fourteen years will be visualized below. It is possible to spot the rise and fall of particular substances and the bold entrance of some new drugs in the last years.</p>
<div class="btn-group btn-group-substances" role="group">
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="amphetamines">Amphetamines</button>
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="amt">AMT</button>
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="cocaine">Cocaine</button>
<button type="button" class="btn btn-default stimulants" dtype="stimulants" data="nutmeg">Nutmeg</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="dxm">DXM</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="ghb">GHB</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="gbl">GBL</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="ketamine">Ketamine</button>
<button type="button" class="btn btn-default sedatives" dtype="sedatives" data="kratom">Kratom</button>
<button type="button" class="btn btn-default supplements" dtype="supplements" data="melatonin">Melatonin</button>
<button type="button" class="btn btn-default supplements" dtype="supplements" data="modafinil">Modafinil</button>
<button type="button" class="btn btn-default supplements" dtype="supplements" data="piracetam">Piracetam</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="ayahuasca">Ayahuasca</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="dmt">DMT</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="hbwoodrose">H.B. Woodrose</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="lsd">LSD</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="mdma">MDMA</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="morningglory">Morning Glory</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="mushrooms">Mushrooms</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="nitrousoxide">Nitrous Oxide</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="salvia">Salvia</button>
<button type="button" class="btn btn-default hallucinogenics" dtype="hallucinogenics" data="syrianrue">Syrian Rue</button>
</div>
</div>
</div>
</div>
<div class="container-fluid viz" id="section10">
<div class="container">
<div class="row bumpContainer">
<div class="col-md-2">
<h4>Total occurrences per substance</h4>
<div id="bumpList">
</div>
</div>
<div class="col-md-10">
<div id="bump">
</div>
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container-fluid description" id="section11">
<div class="container">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Distribution of dosage according to the users</h1>
<h4>Dosage</h4>
</div>
<div class="col-xs-12 col-md-8"><p>For this analysis, we looked at the reported amount of the consumed substance. We were interested to discover whether the knowledge available online concerning dosage recommendations had an impact on actual dosage behavior. We expected a decrease in dosage variability over the years. From the present analysis, however, we could not verify this assumption. For each year, all users are divided in four equal groups, according to the reported dosage. Users reporting a very unusual dosage are not grouped and represented as outliers. The visualization shows if and to which extent the average dosage for a substance changes over time.</p>
<div class="btn-group btn-group-substances" role="group">
<button type="button" class="btn btn-default stimulants" data="amphetamines">Amphetamines</button>
<button type="button" class="btn btn-default stimulants" data="amt">AMT</button>
<button type="button" class="btn btn-default stimulants" data="cocaine">Cocaine</button>
<button type="button" class="btn btn-default sedatives" data="dxm">DXM</button>
<button type="button" class="btn btn-default sedatives" data="ketamine">Ketamine</button>
<button type="button" class="btn btn-default sedatives" data="kratom">Kratom</button>
<button type="button" class="btn btn-default supplements" data="modafinil">Modafinil</button>
<button type="button" class="btn btn-default supplements" data="piracetam">Piracetam</button>
<button type="button" class="btn btn-default hallucinogenics" data="dmt">DMT</button>
<button type="button" class="btn btn-default hallucinogenics" data="mdma">MDMA</button>
</div>
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container-fluid viz" id="section12">
<div class="container">
<div class="row">
<div class="col-md-12" id="dosage">
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container-fluid description postaffix" id="section13">
<div class="container">
<div class="row" >
<div class="col-xs-12 col-md-4">
<h1>Description of analyzed substances</h1>
<h4>Glossary</h4>
</div>
<div class="col-xs-12 col-md-8"><p>In this section you can find a short description for each substance mentioned in the previous analysis. The descriptions are based on the information available on <a href="https://www.erowid.org/" target="_blank">Erowid.org</a>.</p>
</div>
</div>
</div>
</div> <!-- /container fluid-->
<div class="container-fluid viz" id="section14">
<div class="container">
<div class="glossary">
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="stimulants">Am·phet·amines</h1>
<h2>(RS)-1-phenylpropan-2-amine</h2>
<p>Amphetamines are a strong physical and mental stimulants that are available widely in both prescription and street forms. Their effects are very stimulating, suppressing human needs like appetite or rest which is the reason it was used in several Armies as a performance enhancer. Today it often times comes in its prescription form Ritalin and Adderall.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="stimulants">AMT</h1>
<h2>alpha-methyltryptamine</h2>
<p>A designer drug that produces hallucinogenic effects paired with euphoria. Side effects can include vomiting and nausea.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Aya·hua·sca </h1>
<h2>Banisteriopsis caapi</h2>
<p>A powerfully psychedelic, traditionally used as a spiritual medicine in the indigenous Amazon. It contains a mixture of MAOI and DMT that allow the DMT to be orally active in the human body. Ayahuasca produces extremely intense visions and insights, combined with a form of purging. These effects are used as medicinal properties amongst the shamans of the Amazon.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="stimulants">Co·caine </h1>
<h2>benzoylmethylecgonine</h2>
<p>One of the most popular stimulants worldwide. It derived from the Erythroxylum coca plant and can produce stimulating and euphoric effects. Cocaine can also be highly addictive.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">DMT</h1>
<h2>N,N-dimethyltryptamine</h2>
<p>A very strong psychedelic which is short-acting when being smoked, producing intense visions. Since it is produced in many plants, animals and the human body, it is not orally active. However, in combination with an MAOI, it is also part of the indigenous medicine Ayahuasca.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="sedatives">DXM</h1>
<h2>dextromethorphan hydrobromide</h2>
<p>Used as a cough suppressant, DXM is a available over-the-counter. When taken in very high dosages, it produces strong dissociative effects, similar to Ketamine.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="sedatives">GBL</h1>
<h2>Gamma butyrlactone</h2>
<p>A precursor to GHB that produces very similar effects that come and go more rapidly. GBL is also acidic and has to be watered down if consumed as a drug. The effects and the side effects are more extreme than with GHB which makes it even more difficult to handle.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="sedatives">GHB</h1>
<h2>gamma-hydroxybutyrate</h2>
<p>A GABA-based neurotransmitter that is part of the human central nervous system. It is used as a medication for instance to treat narcolepsy. Used as a drug, it produces short acting alcohol like intoxications that makes GHB popular as a party drug. Due to its sexual stimulating effects it is also very popular amongst MSM (Men who have sex with men) populations. GHB is very hard to dose and especially in combination with alcohol, it can lead to a long lasting coma-like state (‘G-sleep’) or even death. When used over long periods of time, it can also cause forms of psychological and physiological addiction.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Ha·wai·ian ba·by wood·rose</h1>
<h2>Argyreia nervosa</h2>
<p>The seeds contain the psychedelic substance LSA.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="sedatives">Pir·ac·e·tam</h1>
<h2>2-oxo-1-pyrrolidineacetamide</h2>
<p>The first and still very popular ‚nootropic‘ or smart drug that is said to induce cognitive enhancement.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="supplements">Mo·da·fi·nil </h1>
<h2>benzhydrylsulphinylacetamide</h2>
<p>Originally a medication to treat narcolepsy, Modafinil is also used as a cognitive enhancement drug that is said to increase focus and wakefulness.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="supplements">Mel·a·to·nin</h1>
<h2>N-[2-(5-methoxy-1h-indol-3-yl)ethyl]acetamide</h2>
<p>Melatonin is a hormone produced by the pineal gland and involved in the regulation of sleep. It is used as a sleep aid and to help reset the body's clock and help reduce jet-lag.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Morn·ing glo·ry</h1>
<h2>Ipomoea violacea</h2>
<p>A psychedelic plant that contains LSA, a naturally occurring relative of LSD. It has a long history of traditional use as a medicine amongst indigenous tribes in Mexico.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="sedatives">Ke·ta·mine </h1>
<h2>2-(2-chlorophenyl)-2-(methylamino)-cyclohexanone</h2>
<p>Ketamine is a dissociative drug that has a history in veterinary and human anaesthetics. In low dosages it produces ‘fluffy’ sensations which can transform into dissociation of the consciousness in higher dosages (‘K-Hole’). Ketamine is widely used as a party drug.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="sedatives">Kra·tom</h1>
<h2>Mitragyna speciosa</h2>
<p>It has a long history of use in Thailand and South East Asia. The leaves are chewed as an opiate substitute and stimulant, primarily among the working class.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Laugh·ing gas</h1>
<h2>nitrous oxide</h2>
<p>Nitrous Oxide is an anaesthetic that is also used in dentistry. It is also used as a whipped cream propellant which makes it highly available. Its effects are short lasting and dissociative, similar to DXM or Ketamine.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">LSD</h1>
<h2>2-(2-chlorophenyl)-2-(methylamino)-cyclohexanone</h2>
<p>LSD is the best known and most researched psychedelic in the western sciences. Discovered in 1943 by Swiss biochemist Albert Hofmann, the substance produces pseudo-hallucinations, synesthesia and in higher dosages phenomena like ‘ego-death’ and mystical experiences.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">MDMA</h1>
<h2>3,4-methylenedioxymethamphetamine; XTC</h2>
<p>MDMA is one of the most popular synthetic drugs, especially in Western countries. It is either sold in crystalline form (‘Molly’, MDMA) or as the main ingredient in XTC (‘Ecstasy’) pills. It produces strong empathogenic, euphoric, and stimulant feelings. The emotional openness which it produces makes it popular in the electronic dance music scene but also interesting as a tool psychotherapy.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Mush·rooms</h1>
<h2>Psilocybe mushrooms</h2>
<p>Many species contain the psychedelic chemicals psilocybin or psilocin. They have a long history of use in Mexico and are currently one of the most popular and commonly available natural psychedelics. Their effects are very similar to LSD, including pseudo-hallucinations and profound insights or realizations.</p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Nut·meg</h1>
<h2>Myristica fragrans</h2>
<p>Produces deliriant effects when used in large quantities. It has a history of use from the Arabian Peninsula to South East Asia. </p>
</div>
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Sal·via di·vi·no·rum</h1>
<h2>-</h2>
<p>Its leaves contain the extremely potent Salvinorin A. It has a long history of use as spiritual medicine amongst the Macatecs in Mexico. Since the mid 1990s it became widely available and popular despite the fact that its hallucinogenic effects are considered unpleasant by many people.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<h1 class="hallucinogenics">Syr·i·an rue</h1>
<h2>Peganum harmala</h2>
<p>Its seeds contain harmine and other harmala alkaloids that act as a MAO-A inhibitor which potentiates and prolongs the effects of other drugs, especially psychedelics. It is one of the plants that is speculated to be the ancient Soma (India) or Haoma (Persia).</p>
</div>
<div class="col-xs-12 col-md-4">
</div>
<div class="col-xs-12 col-md-4">
</div>
</div>
</div>
</div> <!-- /container fluid-->
</div>
<div class="container-fluid" id="footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<p>A project by <a href="http://www.chemicalyouth.org/">Chemical Youth</a> © University of Amsterdam - 2016</p>
<a href="http://www.chemicalyouth.org/">
<img border="0" alt="Chemical Youth logo" src="img/logo-cy.svg" width="100" height="100"></a>
<a href="http://www.uva.nl/en/home">
<img border="0" alt="UvA logo" src="img/logo-uva.svg" width="70" height="70" style= "padding-left: 20px"></a>
<p class="authors">
<a href="http://www.chemicalyouth.org/team/moritz-berning">Moritz Berning</a> (UvA)<br><a class="mail" href"mailto:E.M.Berning@uva.nl">E.M.Berning@uva.nl</a><br>
<a href="http://www.chemicalyouth.org/team/prof-anita-hardon">Anita Hardon</a> (UvA)<br><a class="mail" href="mailto:a.p.hardon@uva.nl">a.p.hardon@uva.nl</a><br>
<a href="http://www.chemicalyouth.org/team/lisa-jenny-krieg">Lisa Jenny Krieg</a> (UvA)<br><a class="mail" href="mailto:L.J.Krieg@uva.nl">L.J.Krieg@uva.nl</a><br>
Matteo Azzi (Calibro)<br><a class="mail" href="mailto:matteo@calib.ro">matteo@calib.ro</a><br>
<a href="http://www.densitydesign.org/person/gabriele-colombo/">Gabriele Colombo</a> (DensityDesign)<br><a class="mail" href="mailto:gabriele1.colombo@polimi.it">gabriele1.colombo@polimi.it</a>
</p>
<h3>share</h3>
<p>
<a class="share" target="_blank" href="http://www.pinterest.com/pin/create/button?media=http://www.chemicalyouth.org/visualingerowid/img/pin.png&
description=Visualising%20Erowid%20-%20a%20data%20driven%20anthropological%20research%20on%20drugs%20&
url=http://www.chemicalyouth.org/visualingerowid"><span class="icon-pinterest"><i class="fa fa-pinterest"></i></span></a>
<a class="share" target="_blank" href="https://twitter.com/intent/tweet?text=Visualising%20Erowid%20-%20a%20data%20driven%20anthropological%20research%20on%20drugs%20http://www.chemicalyouth.org/visualingerowid"><span class="icon-twitter"><i class="fa fa-twitter"></i></span></a>
<a class="share" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://www.chemicalyouth.org/visualingerowid"><span class="icon-facebook"><i class="fa fa-facebook-official"></i></span></a>
<a class="share" target="_blank" href="https://plus.google.com/share?url=http://www.chemicalyouth.org/visualingerowid"><span class="icon-googleplus"><i class="fa fa-google-plus-square"></i></span></a>
</p>
</div>
<div class="col-lg-8">
<div id="disqus_thread"></div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/typeahead.bundle.min.js"></script>
<script src="js/pronoia.js"></script>
<script src="js/treemap.js"></script>
<script src="js/network.js"></script>
<script src="js/bump.js"></script>
<script>
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//visualizeerowid.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73425386-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>