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>
|
2018-04-06 17:13:42 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="css/index.css">
|
2018-03-26 15:52:43 +00:00
|
|
|
</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-04-04 15:57:35 +00:00
|
|
|
<div id="navigation_container">
|
|
|
|
|
<div id="audio"></div>
|
|
|
|
|
<div id="navigation">
|
|
|
|
|
|
|
|
|
|
<!-- The chapters -->
|
|
|
|
|
<div chapter="Introduction">
|
|
|
|
|
<span>0</span>
|
|
|
|
|
<span>0. Introduction</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div chapter="Networks">
|
|
|
|
|
<span>1</span>
|
2018-04-12 19:50:59 +00:00
|
|
|
<span>1. Connections</span>
|
2018-04-04 15:57:35 +00:00
|
|
|
</div>
|
|
|
|
|
<div chapter="Simple">
|
|
|
|
|
<span>2</span>
|
2018-04-12 19:50:59 +00:00
|
|
|
<span>2. Contagions</span>
|
2018-04-04 15:57:35 +00:00
|
|
|
</div>
|
|
|
|
|
<div chapter="Complex">
|
|
|
|
|
<span>3</span>
|
2018-04-12 19:50:59 +00:00
|
|
|
<span>3. Complex Contagions</span>
|
2018-04-04 15:57:35 +00:00
|
|
|
</div>
|
|
|
|
|
<div chapter="BB">
|
|
|
|
|
<span>4</span>
|
|
|
|
|
<span>4. Bonding & Bridging</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div chapter="Sandbox">
|
|
|
|
|
<span>5</span>
|
2018-04-13 20:58:04 +00:00
|
|
|
<span>5. Sandbox Mode</span>
|
2018-04-04 15:57:35 +00:00
|
|
|
</div>
|
|
|
|
|
<div chapter="Conclusion">
|
|
|
|
|
<span>6</span>
|
|
|
|
|
<span>6. In Conclusion...</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div chapter="Credits">
|
|
|
|
|
<span>7</span>
|
|
|
|
|
<span>7. Credits</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- A divider -->
|
|
|
|
|
<span class="nav_divider"></span>
|
|
|
|
|
|
|
|
|
|
<!-- Bonus Notes & References -->
|
|
|
|
|
<div modal="bonus">
|
|
|
|
|
<span>?</span>
|
|
|
|
|
<span>Bonus Boxes! (Notes)</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div modal="references">
|
|
|
|
|
<span style="margin-top:5px">*</span>
|
|
|
|
|
<span>References</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- The hover bubble -->
|
|
|
|
|
<span id="nav_bubble">AHHHHHH</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div id="social"></div>
|
2018-03-26 15:52:43 +00:00
|
|
|
</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">
|
2018-04-13 20:58:04 +00:00
|
|
|
the
|
|
|
|
|
<br>
|
|
|
|
|
WISDOM and/or MADNESS
|
|
|
|
|
<br>
|
|
|
|
|
of CROWDS
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_subtitle">
|
2018-04-13 20:58:04 +00:00
|
|
|
playing time: 30 min • by nicky case, april 2018
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-03-28 14:57:19 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_loading">
|
2018-04-13 20:58:04 +00:00
|
|
|
loading...
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_play">
|
2018-04-13 20:58:04 +00:00
|
|
|
let's play! →
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-03-26 15:52:43 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_0_intro">
|
2018-04-11 20:44:12 +00:00
|
|
|
<div class="circle"><span>
|
|
|
|
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
Sir Isaac Newton was pretty sure he was a smart cookie.
|
2018-04-12 19:50:59 +00:00
|
|
|
I mean, after inventing calculus and a theory of gravity,
|
2018-04-13 20:58:04 +00:00
|
|
|
he should be clever enough to do some financial investing, right?
|
2018-04-11 20:44:12 +00:00
|
|
|
Anyway,
|
|
|
|
|
long story short, he lost $4,600,000 (in today's dollars)
|
|
|
|
|
in the nationwide speculation frenzy known as the South Sea Bubble of 1720.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
As Mr. Newton later said:
|
|
|
|
|
<i>“I can calculate the motion of heavenly bodies, but not the madness of people.”</i>
|
|
|
|
|
|
|
|
|
|
<next>yeah sucks for him →</next>
|
|
|
|
|
|
|
|
|
|
</span></div>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_0_intro_2">
|
|
|
|
|
<div class="circle"><span>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
Of course, that's not the only time markets, institutions, or entire democracies went crazy:
|
|
|
|
|
the <i>madness</i> of crowds.
|
|
|
|
|
And yet, just when you lose hope in humanity,
|
|
|
|
|
you see citizens rescuing each other in hurricanes,
|
2018-04-13 20:58:04 +00:00
|
|
|
communities creating solutions to problems,
|
2018-04-11 20:44:12 +00:00
|
|
|
movements of ordinary people fighting for a better world:
|
|
|
|
|
the <i>wisdom</i> of crowds!
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
2018-04-12 21:22:22 +00:00
|
|
|
<b>But <i>why</i> do some crowds turn to madness, or wisdom?</b>
|
|
|
|
|
And how can we, collectively, get more of the latter?
|
2018-04-12 19:50:59 +00:00
|
|
|
According to the new field of <b>network science</b>,
|
|
|
|
|
the answer is not in the <i>individual people</i>, but in...
|
2018-04-11 20:44:12 +00:00
|
|
|
|
2018-04-12 21:22:22 +00:00
|
|
|
<next>...their <i>connections.</i> →</next>
|
2018-04-11 20:44:12 +00:00
|
|
|
|
|
|
|
|
</span></div>
|
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">
|
2018-04-12 17:12:45 +00:00
|
|
|
<b>Let's draw a network!</b>
|
|
|
|
|
Each connection represents a friendship between two people:
|
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">
|
2018-04-12 17:12:45 +00:00
|
|
|
draw to connect
|
2018-03-28 17:12:05 +00:00
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_disconnect">
|
2018-04-12 17:12:45 +00:00
|
|
|
scratch to disconnect
|
2018-03-28 17:12:05 +00:00
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_end">
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
feel free to keep playing around, and draw whatever friendship network you want!
|
|
|
|
|
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">
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
But people don't just have social connections to make pretty pictures.
|
|
|
|
|
People look at their social connections, to understand their social world.
|
|
|
|
|
In this example, people look to their peers to
|
|
|
|
|
find out what % of their friends (not counting selves) are,
|
|
|
|
|
say, binge-drinkers. (img)
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
<words id="_1_threshold_instruction">
|
|
|
|
|
<b>Draw/erase connections, and see what happens! →</b>
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
<words id="_1_threshold_explanation">
|
|
|
|
|
<span style="color:#666">top-left:</span>
|
|
|
|
|
# of drinker friends / # of total friends
|
|
|
|
|
<br>
|
|
|
|
|
<span style="color:#666">top-right:</span>
|
|
|
|
|
% of drinker friends →
|
|
|
|
|
<br>
|
|
|
|
|
<span style="color:#666">black line:</span>
|
|
|
|
|
the 50% "majority" threshold
|
|
|
|
|
<br> (they'll glow if past threshold)
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-12 17:12:45 +00:00
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
<words id="_1_threshold_end">
|
2018-04-12 17:12:45 +00:00
|
|
|
<next>cool, got it</next>
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_1_pre_puzzle">
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
However, networks can <i>fool</i> people.
|
|
|
|
|
Just like how you see the earth as flat because you're on it,
|
|
|
|
|
people get wrong ideas about society because they're <i>in</i> it.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
(BONUS BOX: OTHER CONNECTIONS)
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
For example, a 1991 study(*) showed that
|
|
|
|
|
“virtually all [college] students reported that their friends drank more than they did.”
|
|
|
|
|
But that seems impossible!
|
|
|
|
|
How can that be?
|
|
|
|
|
Well, you're about to invent the answer yourself, by drawing a network.
|
|
|
|
|
It's time to...
|
|
|
|
|
|
|
|
|
|
<next>FOOL EVERYONE →</next>
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_1_puzzle">
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
<b style="font-size:2em">PUZZLE TIME!</b>
|
|
|
|
|
<br>
|
|
|
|
|
Fool <i>everyone</i> into thinking
|
|
|
|
|
the majority of their friends are binge-drinkers (img)
|
|
|
|
|
(even though binge-drinkers are outnumbered 2-to-1)
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="_1_puzzle_metric">
|
2018-04-12 17:12:45 +00:00
|
|
|
<b>FOOLED:</b>
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_puzzle_metric_2">
|
|
|
|
|
out of 9 people
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="_1_puzzle_end">
|
2018-04-12 17:12:45 +00:00
|
|
|
Congrats! You manipulated a group of students into believing
|
|
|
|
|
in the prevalance of an incredibly unhealthy social norm! Good going!
|
|
|
|
|
<next wiggle>...uh. thanks?</next>
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_1_post_puzzle">
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
What you just created is called The Majority Illusion(*),
|
|
|
|
|
which also explains why people think their political views are consensus,
|
|
|
|
|
or why extremism seems more common than it actually is.
|
|
|
|
|
<i>Madness.</i>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
(BONUS BOX: a response to the books)
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
2018-04-12 17:12:45 +00:00
|
|
|
But ideas/behaviors aren't just passively observed, they actively <i>spread</i>.
|
|
|
|
|
So now, let's look at something network scientists call...
|
|
|
|
|
|
2018-04-12 19:50:59 +00:00
|
|
|
<next>“Contagions!” →</next>
|
2018-04-12 17:12:45 +00:00
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<!--<b>← bonus challenge:</b> make everyone think
|
|
|
|
|
<i>less than half</i> of their friends are binge-drinkers-->
|
2018-04-12 17:12:45 +00:00
|
|
|
|
|
|
|
|
</words>
|
2018-04-13 20:58:04 +00:00
|
|
|
<!--words id="_1_post_puzzle_bonus">
|
2018-04-12 17:12:45 +00:00
|
|
|
🙌 yay you did it 🙌
|
2018-04-13 20:58:04 +00:00
|
|
|
</words-->
|
2018-03-26 15:52:43 +00:00
|
|
|
|
|
|
|
|
<!-- 2. Simple Contagions -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-04-03 17:32:26 +00:00
|
|
|
<words id="_2_simple">
|
2018-04-12 19:50:59 +00:00
|
|
|
Below, we start with one person (img) who has some information.
|
|
|
|
|
Some <i>mis</i>information. "Fake news", as the cool kids say.
|
|
|
|
|
And every day, that person spreads the rumor to their friends.
|
|
|
|
|
And they spread it to <i>their</i> friends. And so on.
|
|
|
|
|
<br><br>
|
|
|
|
|
<b>Run the simulation, step-by-step ↓</b>
|
|
|
|
|
(p.s: you can't draw <i>while</i> the sim's running)
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_2_simple_2">
|
|
|
|
|
Note: despite the negative name, "contagions" can be good or bad.
|
|
|
|
|
There's strong statistical evidence(*) that
|
|
|
|
|
smoking, happiness, obesity, voting patterns, and cooperation levels
|
|
|
|
|
are all "contagious" --
|
|
|
|
|
and even some evidence that suicides(*) and mass shootings(*) are, too.
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_2_simple_end">
|
2018-04-12 19:50:59 +00:00
|
|
|
<next wiggle>well that's depressing →</next>
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_2_cascade">
|
2018-04-12 19:50:59 +00:00
|
|
|
Indeed it is.
|
|
|
|
|
Anyway, <b>PUZZLE TIME!</b>
|
|
|
|
|
<br>
|
|
|
|
|
Draw a network & run the simulation,
|
|
|
|
|
so that <i>everyone</i> gets infected with the "contagion".
|
|
|
|
|
(new rule: you can't cut the <i>thick</i> connections)
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_2_cascade_end">
|
2018-04-12 19:50:59 +00:00
|
|
|
<next wiggle>fan-flipping-tastic →</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_2_post_cascade">
|
|
|
|
|
This madness-spreading is called an <b>"information cascade"</b>.
|
|
|
|
|
Mr. Newton fell for such a cascade in 1720.
|
2018-04-13 20:58:04 +00:00
|
|
|
The world's financial institutions fell for such a cascade in 2008.
|
2018-04-12 19:50:59 +00:00
|
|
|
But so what? You already knew ideas spread.
|
2018-04-13 20:58:04 +00:00
|
|
|
However, network scientists recently found a <i>new</i>, strange kind of contagion.
|
|
|
|
|
And they're called...
|
2018-04-12 19:50:59 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_2_post_cascade_end">
|
|
|
|
|
<next wiggle>“<i>Complex</i> Contagions!” →</next>
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- 3. Complex Contagions -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-04-03 17:32:26 +00:00
|
|
|
<words id="_3_complex">
|
2018-04-12 19:50:59 +00:00
|
|
|
|
|
|
|
|
Truth may be stranger than fiction, but it doesn't sell as well.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<b>Simple contagions</b>, like juicy rumors or hot takes,
|
|
|
|
|
only need one "infected" friend to spread.
|
|
|
|
|
That doesn't mean the contagion <i>will</i> spread,
|
|
|
|
|
just that one exposure <i>can</i> be enough to spread.
|
|
|
|
|
This, by the way, is how <i>biological</i> contagions like viruses work.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<b>Complex contagions</b> are weirder.
|
|
|
|
|
Some things -- like norms, habits and hard-to-accept ideas --
|
|
|
|
|
need more social encouragement.
|
|
|
|
|
They need not a minimum <i>number</i> of friends to spread,
|
|
|
|
|
but a minimum <i>percentage</i> of friends to spread!(*)
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<b>On the right, a person needs <i>AT LEAST 25%</i> of their friends to
|
2018-04-12 19:50:59 +00:00
|
|
|
adopt a complex fact (img) before they do.
|
|
|
|
|
Try "infecting" them all with <i>wisdom!</i> →</b>
|
|
|
|
|
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
2018-04-12 19:50:59 +00:00
|
|
|
<words id="_3_complex_2">
|
|
|
|
|
|
|
|
|
|
<b>CAUTION:</b>
|
|
|
|
|
just because an idea/behavior is "complex" doesn't mean it's good,
|
|
|
|
|
(e.g. conspiracy theories)
|
|
|
|
|
and just because it's "simple" doesn't mean it's bad!
|
2018-04-12 21:22:22 +00:00
|
|
|
(e.g. cute cat videos)
|
2018-04-12 19:50:59 +00:00
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
Think of it this way:
|
|
|
|
|
simple contagions are weeds, complex contagions are trees,
|
|
|
|
|
and a network is an ecosystem.
|
|
|
|
|
Sometimes weeds are good, sometimes trees are bad.
|
|
|
|
|
But if your ecosystem can <i>only</i> support weeds,
|
|
|
|
|
something's very wrong.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
(BONUS: OTHER KINDS OF CONTAGIONS)
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
So, how <i>do</i> we make sure our social ecosystem is healthy?
|
|
|
|
|
Let's revisit...
|
|
|
|
|
|
2018-04-12 21:22:22 +00:00
|
|
|
<next wiggle>...the cascade puzzle!</next>
|
2018-04-12 19:50:59 +00:00
|
|
|
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_3_cascade">
|
2018-04-12 21:22:22 +00:00
|
|
|
You did this before, but now, with a <i>complex</i> contagion (img), it'll be tougher...
|
|
|
|
|
<br>
|
|
|
|
|
(note: feel free to just hit 'start' and <i>try</i> as many solutions as you want)
|
|
|
|
|
<br>
|
|
|
|
|
<b>"Infect" everyone with complex wisdom! ↓</b>
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_3_cascade_end">
|
2018-04-12 21:22:22 +00:00
|
|
|
<next wiggle>HOT DANG →</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_3_post_cascade">
|
|
|
|
|
Now, you may think: so what, complex contagions () are just simple contagions ()
|
2018-04-13 17:42:02 +00:00
|
|
|
that need more connections?
|
2018-04-12 21:22:22 +00:00
|
|
|
Not so fast!
|
2018-04-13 17:42:02 +00:00
|
|
|
The difference between "complex" and "simple" is a difference in <i>kind</i>, not degree.
|
|
|
|
|
It's apples vs oranges, not apples vs more apples.
|
|
|
|
|
This idea will be clearer if we revisit...
|
2018-04-12 21:22:22 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="_3_post_cascade_end">
|
|
|
|
|
<next wiggle>...yet another puzzle! →</next>
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="_3_prevent">
|
2018-04-12 21:22:22 +00:00
|
|
|
Now, let's do the <i>opposite</i> of everything we've done before.
|
|
|
|
|
If you hit "start" below now, the contagion will just spread to everyone.
|
|
|
|
|
No surprise there.
|
|
|
|
|
But now, here's your challenge:
|
|
|
|
|
<b>draw a network to <i>prevent</i> the contagion from spreading to everyone! ↓</b>
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
2018-04-13 17:42:02 +00:00
|
|
|
<words id="_3_prevent_2">
|
|
|
|
|
And <i>that's</i> the important difference between "simple" and "complex" contagion.
|
|
|
|
|
While more connections always helps spread <i>simple</i> ideas,
|
|
|
|
|
more connections can <i>hurt</i> the spread of <i>complex</i> ideas!
|
|
|
|
|
(makes you wonder 'bout the internet, hm)
|
|
|
|
|
And this isn't just a theoretical problem. This can be a matter of life...
|
|
|
|
|
</words>
|
|
|
|
|
|
2018-04-03 17:32:26 +00:00
|
|
|
<words id="_3_prevent_end">
|
2018-04-13 17:42:02 +00:00
|
|
|
<next wiggle>...or death. →</next>
|
2018-04-12 21:22:22 +00:00
|
|
|
</words>
|
|
|
|
|
|
2018-04-13 17:42:02 +00:00
|
|
|
<words id="_3_groupthink">
|
2018-04-12 21:22:22 +00:00
|
|
|
|
2018-04-13 17:42:02 +00:00
|
|
|
The people at NASA were smart cookies.
|
|
|
|
|
I mean, they'd used Newton's theories to get us to the moon.
|
|
|
|
|
Anyway, long story short, in 1986,
|
|
|
|
|
<i>despite warnings from the engineers</i>,
|
|
|
|
|
they launched the <i>Challenger</i>,
|
|
|
|
|
which blew up and killed 7 people.
|
|
|
|
|
The immediate cause:
|
|
|
|
|
it was too cold that morning.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
The less immediate cause: the managers ignored the engineers' warnings.
|
|
|
|
|
Why? Because of <b>groupthink</b>(*).
|
|
|
|
|
When a group is <i>too</i> closely knit, (as they tend to be at the top of institutions)
|
|
|
|
|
they become resistant to hard-to-accept information.
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
So, that's how to get crowd madness.
|
|
|
|
|
But how can we "design" for crowd <i>wisdom?</i>
|
|
|
|
|
In short, two words:
|
2018-04-12 21:22:22 +00:00
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<next>Bonding & Bridging →</next>
|
2018-04-12 21:22:22 +00:00
|
|
|
|
2018-04-03 17:32:26 +00:00
|
|
|
</words>
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- 4. Bonding & Bridging -->
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bonding_1">
|
|
|
|
|
← Too few connections, and an idea can't spread.
|
|
|
|
|
<br>
|
|
|
|
|
Too many connections, and you get groupthink. →
|
|
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bonding_2">
|
|
|
|
|
<b>
|
|
|
|
|
Find the sweet spot, and draw a group that's <i>just</i> connected enough
|
|
|
|
|
to spread a complex idea! ↓
|
|
|
|
|
</b>
|
|
|
|
|
</words>
|
2018-03-26 15:52:43 +00:00
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bonding_end">
|
|
|
|
|
This is called <b>bonding social capital</b>,
|
|
|
|
|
the strength of the connections <i>within</i> a single group.
|
|
|
|
|
But what about the connections...
|
|
|
|
|
<next wiggle>...<i>between</i> groups?</next>
|
|
|
|
|
</words>
|
2018-03-26 15:52:43 +00:00
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bridging_1">
|
|
|
|
|
As you might have guessed, <b>bridging social capital</b>
|
|
|
|
|
is the strength of the connections <i>between</i> groups.
|
|
|
|
|
This is important, because it helps groups break out of their insular echo chambers!
|
|
|
|
|
<br>
|
|
|
|
|
<b>Try to "infect" everyone with wisdom:</b>
|
2018-04-04 15:57:35 +00:00
|
|
|
</words>
|
|
|
|
|
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bridging_end">
|
|
|
|
|
Like bonding, bridging social capital has a sweet spot.
|
|
|
|
|
(optional challenge: draw a bridge so thick that the complex contagion
|
|
|
|
|
<i>can't</i> pass through it!)
|
|
|
|
|
<br><br>
|
|
|
|
|
Now that we know how to "design" connections <i>within</i> and <i>between</i> groups, let's...
|
|
|
|
|
<next wiggle>...do BOTH. →</next>
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-13 20:58:04 +00:00
|
|
|
|
|
|
|
|
<words id="bb_1">
|
|
|
|
|
|
|
|
|
|
<b style="font-size:2em">FINAL PUZZLE!</b>
|
|
|
|
|
<br>
|
|
|
|
|
Draw connections within groups (bonding) and between groups (bridging)
|
|
|
|
|
<i>however</i> you want, to spread wisdom to everyone:
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bb_2">
|
|
|
|
|
|
|
|
|
|
derp derp
|
|
|
|
|
<next wiggle>derp derp →</next>
|
|
|
|
|
|
|
|
|
|
// "SMALL WORLD"
|
|
|
|
|
// e pluribus unum
|
|
|
|
|
// unity in diversity?
|
|
|
|
|
// examples
|
|
|
|
|
// JFK story in footnote
|
|
|
|
|
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-13 20:58:04 +00:00
|
|
|
<words id="bb_small_world">
|
2018-04-01 16:34:52 +00:00
|
|
|
</words>
|
2018-04-13 20:58:04 +00:00
|
|
|
|
|
|
|
|
<!-- 5. Sandbox -->
|
|
|
|
|
|
|
|
|
|
<words id="sandbox_caption">
|
|
|
|
|
<b>NOTE: "Sandbox Mode" is totally optional.</b>
|
|
|
|
|
Feel free to skip it, or play around!(*)
|
|
|
|
|
When you're done, let's recap...
|
|
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_next">
|
|
|
|
|
<next>what we learnt today!</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
2018-04-06 16:06:55 +00:00
|
|
|
<words id="sandbox_contagion">
|
2018-04-13 20:58:04 +00:00
|
|
|
Contagion:
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_contagion_simple">
|
2018-04-13 20:58:04 +00:00
|
|
|
simple
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_contagion_complex">
|
2018-04-13 20:58:04 +00:00
|
|
|
complex
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_color_chooser">
|
2018-04-13 20:58:04 +00:00
|
|
|
The Contagion's Color:
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_tool_chooser">
|
2018-04-13 20:58:04 +00:00
|
|
|
Select a tool...
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="sandbox_tool_pencil">
|
2018-04-13 20:58:04 +00:00
|
|
|
Draw Network
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_tool_add">
|
2018-04-13 20:58:04 +00:00
|
|
|
Add Person
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_tool_add_infected">
|
2018-04-13 20:58:04 +00:00
|
|
|
Add "Infected"
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_tool_move">
|
2018-04-13 20:58:04 +00:00
|
|
|
Drag Person
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_tool_delete">
|
2018-04-13 20:58:04 +00:00
|
|
|
Delete Person
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="sandbox_tool_clear">
|
2018-04-13 20:58:04 +00:00
|
|
|
<b>CLEAR IT ALL</b>
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="sandbox_shortcuts_label">
|
2018-04-13 20:58:04 +00:00
|
|
|
(...or, use keyboard shortcuts!)
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
2018-04-13 20:58:04 +00:00
|
|
|
|
2018-04-06 16:06:55 +00:00
|
|
|
<words id="sandbox_shortcuts">
|
2018-04-13 20:58:04 +00:00
|
|
|
[1]: Add Person [2]: Add "Infected"
|
|
|
|
|
<br>
|
|
|
|
|
[Space]: Drag [Backspace]: Delete
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- 6. Conclusion -->
|
|
|
|
|
<!-- recap and CONCRETE LIFE TAKE-AWAYS. mirror intro UI -->
|
|
|
|
|
|
|
|
|
|
<words id="conclusion_1">
|
|
|
|
|
IN CONCLUSION:
|
|
|
|
|
Contagion & Connections.
|
|
|
|
|
<next>derp</next>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="conclusion_2">
|
|
|
|
|
<div class="circle"><span>
|
|
|
|
|
in the final circle
|
|
|
|
|
recap all stories,
|
|
|
|
|
HUMAN BRAIN.
|
|
|
|
|
<next>derp</next>
|
|
|
|
|
</span></div>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<words id="conclusion_3">
|
|
|
|
|
<div class="circle"><span>
|
|
|
|
|
GOOD OMENS QUOTE.
|
|
|
|
|
<next>derp</next>
|
|
|
|
|
</span></div>
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- 7. Credits -->
|
|
|
|
|
|
|
|
|
|
<words id="_7_credits">
|
|
|
|
|
CREDITS
|
|
|
|
|
<br>
|
|
|
|
|
CREDITS
|
|
|
|
|
<br>
|
|
|
|
|
CREDITS
|
|
|
|
|
<br>
|
|
|
|
|
CREDITS
|
|
|
|
|
<br>
|
|
|
|
|
CREDITS
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- x. misc -->
|
|
|
|
|
<words id="WIN">
|
|
|
|
|
WIN
|
|
|
|
|
</words>
|
|
|
|
|
<words id="sim_start">
|
|
|
|
|
> start
|
|
|
|
|
</words>
|
|
|
|
|
<words id="sim_next">
|
|
|
|
|
>> next
|
|
|
|
|
</words>
|
|
|
|
|
<words id="sim_reset">
|
|
|
|
|
↺ reset
|
2018-04-06 16:06:55 +00:00
|
|
|
</words>
|
2018-04-01 16:34:52 +00:00
|
|
|
|
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-13 20:58:04 +00:00
|
|
|
<!--
|
|
|
|
|
1. other kinds of connections
|
|
|
|
|
2. response to the books
|
|
|
|
|
3. other kinds of contagions
|
|
|
|
|
4. the limits - map, ecology, etc
|
|
|
|
|
5. books to read
|
|
|
|
|
-->
|
|
|
|
|
|
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-04-04 15:57:35 +00:00
|
|
|
<!-- - - - - - - -->
|
|
|
|
|
<!-- REFERENCES -->
|
|
|
|
|
<!-- - - - - - - -->
|
2018-03-27 17:39:08 +00:00
|
|
|
|
2018-04-04 15:57:35 +00:00
|
|
|
<references>
|
|
|
|
|
</references>
|
2018-03-26 15:52:43 +00:00
|
|
|
|
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-04 15:57:35 +00:00
|
|
|
<script src="js/slideshow/Navigation.js"></script>
|
2018-04-06 16:06:55 +00:00
|
|
|
<script src="js/slideshow/SimUI.js"></script>
|
|
|
|
|
<script src="js/slideshow/SandboxUI.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>
|
|
|
|
|
|
