2018-03-26 15:52:43 +00:00
|
|
|
<!--
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
THE WISDOM AND/OR MADNESS OF CROWDS
|
|
|
|
|
by Nicky Case | apr 2018
|
|
|
|
|
|
|
|
|
|
MY "WHY" FOR MAKING THIS:
|
|
|
|
|
+ to build a foundation for further curiosity about networks, group dynamics
|
|
|
|
|
+ to practice teaching with problem-solving, a pre-req for skills
|
|
|
|
|
+ to instill transcendent sense of "fundamentally people", of Humanity's Brain <3
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
SLIDES:
|
|
|
|
|
Keep all words on index.html. This allows people to translate it to SAME repo!
|
|
|
|
|
/de.html, etc etc
|
|
|
|
|
Same format as EvoTrust. But also footnotes.
|
|
|
|
|
Cursor is allowed to flow EVERYWHERE though...
|
|
|
|
|
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
<!doctype>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>The Wisdom and/or Madness of Crowds</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="index.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-03 15:25:13 +00:00
|
|
|
<div id="container">
|
2018-04-02 17:43:20 +00:00
|
|
|
|
|
|
|
|
<!-- Simulation(s) in background -->
|
|
|
|
|
<div id="simulations_container">
|
|
|
|
|
<div id="simulations"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Slideshow: words & buttons -->
|
|
|
|
|
<div id="slideshow_container">
|
|
|
|
|
<div id="slideshow"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Scratch Transition -->
|
|
|
|
|
<div id="scratch"></div>
|
|
|
|
|
|
|
|
|
|
<!-- Modal -->
|
|
|
|
|
<div id="modal"></div>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
</div>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<!-- Navigation: Audio, Contents, Share, Translations -->
|
2018-03-26 15:52:43 +00:00
|
|
|
<div id="navigation">
|
|
|
|
|
</div>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<canvas id="pencil"></canvas>
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<!-- - - - - - - - - - - - -->
|
|
|
|
|
<!-- THE SLIDESHOW'S WORDS -->
|
|
|
|
|
<!-- - - - - - - - - - - - -->
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<!-- 0. Introduction -->
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_title">
|
|
|
|
|
the
|
|
|
|
|
<br>
|
|
|
|
|
WISDOM and/or MADNESS
|
|
|
|
|
<br>
|
|
|
|
|
of CROWDS
|
|
|
|
|
</words>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_subtitle">
|
|
|
|
|
playing time: 30 min • by nicky case, april 2018
|
|
|
|
|
</words>
|
2018-03-28 14:57:19 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_loading">
|
|
|
|
|
loading...
|
|
|
|
|
</words>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_play">
|
|
|
|
|
let's play! →
|
|
|
|
|
</words>
|
2018-03-26 15:52:43 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_intro">
|
2018-03-26 15:52:43 +00:00
|
|
|
Why is it that the <i>same</i> people,
|
|
|
|
|
in <i>different</i> groups, can be kind, cruel, smart, stupid?
|
|
|
|
|
In this explorable explanation,
|
|
|
|
|
I'll show how the <i>network</i> of a group itself
|
|
|
|
|
can shape the people caught in its web.
|
2018-03-27 17:39:08 +00:00
|
|
|
<button onclick="slideshow.next()">NEXT</button>
|
2018-03-26 15:52:43 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- 1. Networks -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_start">
|
|
|
|
|
blah blah blah blah blah<br>
|
|
|
|
|
let's make a network of friends!
|
2018-03-26 15:52:43 +00:00
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_connect">
|
|
|
|
|
draw to connect
|
|
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_disconnect">
|
|
|
|
|
scratch to disconnect
|
|
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_end">
|
2018-04-01 16:34:52 +00:00
|
|
|
feel free to play around! when you're done,
|
|
|
|
|
<next wiggle>let's continue →</next>
|
2018-03-28 17:12:05 +00:00
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
|
|
|
|
<words id="_1_threshold">
|
|
|
|
|
blah blah blah blah
|
|
|
|
|
blah blah blah blah
|
|
|
|
|
blah blah blah blah
|
2018-04-02 17:43:20 +00:00
|
|
|
<span bonus="herp"></span>
|
2018-04-01 16:34:52 +00:00
|
|
|
blah blah blah blah
|
|
|
|
|
blah blah blah blah
|
|
|
|
|
thresholds NOT COUNTING THEMSELVES
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_threshold_count1">
|
|
|
|
|
# of drinker friends / # of total friends
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_threshold_count2">
|
|
|
|
|
% of friends are drinkers
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_threshold_count3">
|
|
|
|
|
(black line shows the 50% "majority" mark)
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_threshold_end">
|
|
|
|
|
<next>and next...</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_1_pre_puzzle">
|
|
|
|
|
blah blah drinking
|
|
|
|
|
<next>blah blah next</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_1_puzzle">
|
|
|
|
|
blah blah puzzle
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_puzzle_metric">
|
|
|
|
|
HOW MANY PEEPS FOOLED:
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_puzzle_end">
|
|
|
|
|
blah blah puzzle
|
|
|
|
|
<next wiggle>a winrar is you</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_1_post_puzzle">
|
|
|
|
|
blah blah post-puzzle
|
|
|
|
|
<next>simple contagion...</next>
|
2018-03-26 15:52:43 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- 2. Simple Contagions -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- 3. Complex Contagions -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- 4. Bonding & Bridging -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- 5. Sandbox -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- 6. Conclusion -->
|
|
|
|
|
|
|
|
|
|
<!-- 7. Credits -->
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<!-- x. misc -->
|
|
|
|
|
<words id="WIN">
|
|
|
|
|
WIN
|
|
|
|
|
</words>
|
|
|
|
|
<words id="sim_start">
|
2018-04-03 15:25:13 +00:00
|
|
|
> start sim
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sim_next">
|
2018-04-03 15:25:13 +00:00
|
|
|
>> next
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sim_reset">
|
|
|
|
|
reset sim
|
|
|
|
|
</words>
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
<!-- - - - - - - - - - - - - -->
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- BONUS BOXES (footnotes) -->
|
2018-03-27 17:39:08 +00:00
|
|
|
<!-- - - - - - - - - - - - - -->
|
|
|
|
|
|
2018-04-02 17:43:20 +00:00
|
|
|
<bonus id="herp">
|
|
|
|
|
<title>HERP DERP</title>
|
|
|
|
|
<description>
|
|
|
|
|
Herp derp HERP derp derp? Herp derp DERP herp herp derp!
|
|
|
|
|
</description>
|
2018-03-26 15:52:43 +00:00
|
|
|
</bonus>
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
<!-- - - - - - -->
|
|
|
|
|
<!-- GLOSSARY -->
|
|
|
|
|
<!-- - - - - - -->
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<glossary>
|
|
|
|
|
</glossary>
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<!-- - - - - -->
|
|
|
|
|
<!-- SCRIPTS -->
|
|
|
|
|
<!-- - - - - -->
|
|
|
|
|
|
|
|
|
|
<script src="js/lib/helpers.js"></script>
|
|
|
|
|
<script src="js/lib/minpubsub.src.js"></script>
|
|
|
|
|
<script src="js/lib/Key.js"></script>
|
|
|
|
|
<script src="js/lib/Mouse.js"></script>
|
|
|
|
|
<script src="js/lib/Sprite.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/slideshow/Slideshow.js"></script>
|
|
|
|
|
<script src="js/slideshow/Pencil.js"></script>
|
|
|
|
|
<script src="js/slideshow/Boxes.js"></script>
|
2018-04-02 17:43:20 +00:00
|
|
|
<script src="js/slideshow/Scratch.js"></script>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
|
|
|
|
<script src="js/sim/Peep.js"></script>
|
|
|
|
|
<script src="js/sim/Connection.js"></script>
|
|
|
|
|
<script src="js/sim/ConnectorCutter.js"></script>
|
|
|
|
|
<!--script src="js/sim/_Game.js"></script-->
|
|
|
|
|
<script src="js/sim/Simulations.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/chapters/0_Introduction.js"></script>
|
|
|
|
|
<script src="js/chapters/1_Networks.js"></script>
|
|
|
|
|
<script src="js/chapters/2_Simple_Contagion.js"></script>
|
|
|
|
|
<script src="js/chapters/3_Complex_Contagion.js"></script>
|
|
|
|
|
<script src="js/chapters/4_Bonding_And_Bridging.js"></script>
|
|
|
|
|
<script src="js/chapters/5_Sandbox.js"></script>
|
|
|
|
|
<script src="js/chapters/6_Conclusion.js"></script>
|
|
|
|
|
<script src="js/chapters/7_Credits.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/main.js"></script>
|
|
|
|
|
|
