crowds/es-MX.html

1680 lines
52 KiB
HTML
Raw Normal View History

<!--
THE WISDOM AND/OR MADNESS OF CROWDS
by Nicky Case | apr 2018
- - - - - - - - - - -
FAN TRANSLATION GUIDE:
https://github.com/ncase/crowds#how-to-translate-this-thing
Hello fan-translaters! Thank you so, so much for your help.
I hope you know what you've gotten yourself into.
There's about 3600+ WORDS to translate, including
the Bonus Boxes and References.
To make things easier (or less painful, anyway) I've marked
what needs to be translated and how with big "TRANSLATE" comments.
Ctrl+F for "TRANSLATE" in uppercase to see what needs to be translated!
BUT BEFORE YOU TRANSLATE ANYTHING, DO THIS:
1) Look up the two-letter code of the language you're translating to:
https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
2) *COPY* index.html, and name the copy [two-letter-code].html
For example: de.html, ar.html, zh.html, etc...
3) Translate *THAT* page. Do NOT modify the original index.html!
And once you're done, go to "translations.txt", and follow the
instructions there to let this game "know" your translation exists.
Good luck, and thanks again!
<3,
~ Nicky Case
-->
<!DOCTYPE html>
<html>
<head>
<!-- Meta Info -->
<title>La Sabiduría y/o Locura de las Masas</title> <!-- <title>(TRANSLATE this part only)</title> -->
<meta name="description" content="una guía interactiva a las redes humanas"/> <!-- content="(TRANSLATE this part only)" -->
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="favicon.png">
<!-- Sharing -->
<meta itemprop="name" content="La Sabiduría y/o Locura de las Masas"> <!-- content="(TRANSLATE this part only)" -->
<meta itemprop="description" content="una guía interactiva a las redes humanas"> <!-- content="(TRANSLATE this part only)" -->
<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
<meta name="twitter:title" content="La Sabiduría y/o Locura de las Masas"> <!-- content="(TRANSLATE this part only)" -->
<meta name="twitter:description" content="una guía interactiva a las redes humanas"> <!-- content="(TRANSLATE this part only)" -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ncasenmare">
<meta name="twitter:creator" content="@ncasenmare">
<meta name="twitter:image" content="http://ncase.me/crowds/social/thumb.png">
<meta property="og:title" content="La Sabiduría y/o Locura de las Masas"> <!-- content="(TRANSLATE this part only)" -->
<meta property="og:description" content="una guía interactiva a las redes humanas"> <!-- content="(TRANSLATE this part only)" -->
<meta property="og:type" content="website">
<meta property="og:url" content="http://ncase.me/crowds/">
<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/index.css?v=3">
</head>
<body>
<!-- THE SLIDESHOW -->
<div id="container">
<!-- 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 -->
<canvas id="scratch" width="711" height="400"></canvas>
<!-- Skip -->
<div id="skip">saltar &gt;</div> <!-- TRANSLATE -->
<!-- Modal -->
<div id="modal_container">
<div id="modal_bg"></div>
<div id="modal">
<div id="modal_close"></div>
<div id="modal_content_container">
<div id="modal_content"></div>
</div>
</div>
</div>
</div>
<!-- Navigation: Audio, Contents, Share, Translations -->
<div id="navigation_container">
<div id="sound" mute="no">
<div id="sound_icon"></div>
<span id="sound_on">ON</span> <!-- TRANSLATE -->
<span id="sound_off">OFF</span> <!-- TRANSLATE -->
</div>
<div id="sharing">
<a id="fb" target="_blank" href="TODO"></a>
<a id="tw" target="_blank" href="TODO"></a>
<a id="em" target="_blank" href="TODO"></a>
<span id="share_title">
La Sabiduría y/o Locura de las Masas <!-- TRANSLATE -->
</span>
<span id="share_desc">
<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
¿Por qué los grupos de personas actúan de forma inteligente, tonta, amable o cruel? Una guía interactiva a las redes humanas: <!-- TRANSLATE -->
</span>
</div>
<div id="navigation">
<!-- The chapters -->
<!-- TRANSLATE all the Chapter names! -->
<div chapter="Introduction">
<span>0</span>
<span>0. Introducción</span>
</div>
<div chapter="Networks">
<span>1</span>
<span>1. Redes</span>
</div>
<div chapter="Simple">
<span>2</span>
<span>2. Contagios</span>
</div>
<div chapter="Complex">
<span>3</span>
<span>3. Contagios Complejos</span>
</div>
<div chapter="BB">
<span>4</span>
<span>4. Vínculos y Puentes</span> <!-- note: &amp; is html for the "and" sign -->
</div>
<div chapter="SmallWorld">
<span>5</span>
<span>5. Es un Mundo Pequeño</span>
</div>
<div chapter="Conclusion">
<span>6</span>
<span>6. En Conclusión...</span>
</div>
<div chapter="Credits">
<span>7</span>
<span>7. Créditos</span>
</div>
<div chapter="Sandbox">
<span></span>
<span>★ ¡Modo Sandbox! ★</span>
</div>
<!-- A divider -->
<span class="nav_divider"></span>
<!-- Bonus Notes & References -->
<div modal="bonus">
<span>?</span>
<span>¡Notas Extras!</span> <!-- TRANSLATE -->
</div>
<div modal="references">
<span style="margin-top: 7px; font-size: 35px;">*</span>
<span>Enlaces &amp; Referencias</span> <!-- TRANSLATE -->
</div>
<div modal="translations">
<span style="margin-top:5px; position:relative;"><span style="
position: absolute;
top: -8px;
left: 6px;
">A</span><span style="
position: absolute;
font-size: 16px;
top: -1px;
left: 16px;
">あ</span></span>
<span>Traducciones</span> <!-- TRANSLATE -->
</div>
<!-- The hover bubble -->
<span id="nav_bubble"></span>
</div>
<div id="translations"></div>
<div id="social"></div>
</div>
<!-- The Pencil -->
<div id="pencil_container">
<canvas id="pencil"></canvas>
</div>
<!-- Preloader -->
<div id="pre_preloader">
<div>cargando...</div> <!-- TRANSLATE -->
</div>
</body>
</html>
<!-- - - - - -->
<!-- SCRIPTS -->
<!-- - - - - -->
<script src="js/lib/helpers.js"></script>
<script src="js/lib/minpubsub.src.js"></script>
<script src="js/lib/howler.min.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>
<script src="js/slideshow/Scratch.js"></script>
<script src="js/slideshow/Navigation.js"></script>
<script src="js/slideshow/SimUI.js"></script>
<script src="js/slideshow/SandboxUI.js"></script>
<script src="js/slideshow/Modal.js"></script>
<script src="js/slideshow/Preloader.js"></script>
<script src="js/slideshow/Translations.js?v=2"></script>
<script src="js/sim/Peep.js?v=2"></script>
<script src="js/sim/Connection.js"></script>
<script src="js/sim/ConnectorCutter.js"></script>
<script src="js/sim/Simulations.js"></script>
<script src="js/chapters/A_Preloader.js"></script>
<script src="js/chapters/B_Introduction.js"></script>
<script src="js/chapters/C_Networks.js"></script>
<script src="js/chapters/D_Simple_Contagion.js"></script>
<script src="js/chapters/E_Complex_Contagion.js"></script>
<script src="js/chapters/F_Bonding_And_Bridging.js"></script>
<script src="js/chapters/G_Small_World.js"></script>
<script src="js/chapters/H_Conclusion.js"></script>
<script src="js/chapters/I_Credits.js"></script>
<script src="js/chapters/J_Sandbox.js?v=2"></script>
<script src="js/main.js"></script>
<!-- - - - - - - - - - - - -->
<!-- THE SLIDESHOW'S WORDS -->
<!-- - - - - - - - - - - - -->
<!--
This is the bulk of what you need to TRANSLATE!
Translate just the text that's within the <tag></tags>
If you're using a code editor (like Sublime Text https://www.sublimetext.com/),
it should automatically highlight what the text is (usually in white).
-->
<span style="display:none">
<!-- Preloader -->
<words id="preloader_title">
<div style="font-size: 30px;">
<span>la</span>
<br>
<span style="font-size: 60px;letter-spacing: 4px;">SABIDURIA</span>
<span style="position:relative;top: -10px;">y/o la</span>
<span style="font-size: 60px;">LOCURA</span>
<br>
<span style="position: relative;top: -11px;">de las</span>
<br>
<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">MASAS</span>
</div>
<div style="color:#999">
<!-- TRANSLATE note: comment out the line below... -->
<!-- playing time: 30 min • by nicky case, april 2018 -->
<!-- ...and UN-comment + TRANSLATE this line! -->
por nicky case • traducido por Gilberto Guerra • <a href='/'>original in English</a>
</div>
</words>
<words id="preloader_button">
<next></next>
</words>
<words id="preloader_loading">
cargando...
</words>
<words id="preloader_play">
¡comencemos! <div class="rarr"></div>
</words>
<!-- Introduction -->
<!--
TRANSLATE note: to make the text stay in a circle, I added lots of <br> breaks.
You may have to re-arrange the <br>'s in order to do your translation.
It shouldn't look too bad if they're slightly off, though!
Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
-->
<words id="intro">
<br><br>
Sir Isaac Newton estaba bastante seguro de que era
<br>
una persona muy lista. Quiero decir, después de inventar el cálculo y
<br>
una teoría de la gravedad, él debería de ser lo suficientemente listo como para hacer
<br>
algunas inversiones financieras, ¿cierto? Sin embargo, en resúmen, él
<br>
perdió $4,600,000 dólares (dólares actuales) en el frenesí especulativo
<br>
nacional conocido como la burbuja de los Mares del Sur, en 1720.
<br><br>
Es por esto que Newton dijo: <i>“Puedo calcular el movimiento de los
<br>
cuerpos celestes, pero no la locura de la gente.”</i>
<next>pobre Newton :( <div class="rarr"></div> </next>
</words>
<words id="intro_2">
<div style="height:0.5em"></div>
Por supuesto, aquella no es la única
<br>
ocasión en la que mercados, instituciones,
<br>
o democracias enteras se volvieron locas &mdash; la <i>locura</i> de las
<br>
multitudes. Pero aún así, justo cuando pierdes la fé en la humanidad,
<br>
vez a ciudadanos coordinandose para rescatar a sus prójimos en
<br>
huracanes, comunidades creando soluciones a problemas,
<br>
gente luchando por un mundo mejor &mdash; ¡la <i>sabiduría</i> de las masas!
<div style="height:0.9em"></div>
<b>Pero ¿<i>por qué</i> algunas multitudes recurren a la locura, o a la sabiduría?</b> No existe una teoría
<br>
que pueda explicar todo, pero creo que un nuevo campo de estudio,
<br>
<b>análisis de redes</b>, puede guiarnos! Su idea principal es esta: para
<br>
entender a las masas, en lugar de observar a las personas de forma
<br>
<i>individual</i>, deberíamos observar...
<next>...a sus <i>relaciones</i>. <div class="rarr"></div> </next>
</words>
<!-- Networks -->
<words id="networks_tutorial_start">
<b>¡Dibujemos una red!</b>
Cada conexión representa una amistad entre dos personas:
</words>
<words id="networks_tutorial_connect">
traza una línea para conectarlas
</words>
<words id="networks_tutorial_disconnect">
cruza la línea para&nbsp;&nbsp;&nbsp;desconectarlas
</words>
<words id="networks_tutorial_end">
cuando termines de hacer garabatos y jugar,
<next wiggle>continuemos <div class="rarr"></div> </next>
</words>
<words id="networks_threshold">
Las conexiones sociales no solamente sirven para tener fotos bonitas.
La gente <i>recurre</i> a sus conexiones sociales para entender su alrededor.
Por ejemplo, las personas recurren a su red de amistades para
saber <b>qué porcentaje de sus amigos</b> (sin contarse a ellos mismos) son,
digamos, bebedores compulsivos. <icon name="yellow"></icon>
</words>
<words id="networks_threshold_instruction">
<b>¡Crea y elimina conexiones para ver lo que sucede!<div class="rarr"></div> </b>
</words>
<words id="networks_threshold_end">
<next>¡entendido!</next>
</words>
<words id="networks_pre_puzzle">
Sin embargo, las redes pueden <i>engañar a la gente</i>.
Así como la tierra puede parecer plana porque estamos en su superficie
2018-04-28 15:54:14 +00:00
la gente puede tener ideas erróneas sobre la sociedad porque estamos <i>dentro</i> de ella.
</words>
<words id="optional_reading">
<div style="position:absolute; top:5px;">
<i>opcional</i> ¡notas extras! &uarr;
</div>
<div style="position:absolute; left:216px; top:10px;">
&darr; enlaces y referencias
</div>
</words>
<words id="networks_pre_puzzle_2">
<bon id="books"></bon>
<br>
Por ejemplo, un estudio de 1991<ref id="drunk"></ref> mostró que
2018-04-28 15:54:14 +00:00
“prácticamente, todos los estudiantes [de universidad] reportaron que sus amigos consumían más alcohol que ellos.”
¡Pero eso es imposible!
2018-04-28 15:54:14 +00:00
¿Cómo puede ser eso?
Bueno, estás a punto de descubrir la respuesta, creando una red.
Es tiempo de...
<next>ENGAÑAR A TODOS <div class="rarr"></div> </next>
</words>
<words id="networks_puzzle">
<b style="font-size:2em">¡HORA DE UN RETO!</b>
<br>
Engaña <i>a todos</i> haciéndoles creer
que la mayoría de sus amigos (al menos el 50%) son bebedores impulsivos <icon name="yellow"></icon>
(¡Observa que las personas que no toman superan en número a los bebedores impulsivos!)
</words>
<words id="networks_puzzle_metric">
<b>ENGAÑADO A:</b>
</words>
<words id="networks_puzzle_metric_2">
de 9 personas
</words>
<words id="networks_puzzle_end">
¡Felicidades! Manipulaste a un grupo de estudiantes para que crean
en la prevalencia de una norma social sumamente dañina. ¡Bien hecho!
2018-04-28 15:54:14 +00:00
<next wiggle>...ehm. ¿Gracias?</next>
</words>
<words id="networks_post_puzzle">
Lo que acabas de crear se llama la Ilusión de la Mayoría<ref id="majority"></ref>,
la cual también explica por qué la gente piensa que sus puntos de vista política son un consenso,
o por qué el extremismo aparenta ser más común de lo que realmente es.
<i>Una locura.</i>
<bon id="connections"></bon>
Pero las personas no solamente <i>observan</i> pasivamente las ideas y los comportamientos de otros,
también los <i>imitan</i> activamente.
Ahora, veamos algo que los científicos llaman...
<next>¡"Contagios"! <div class="rarr"></div> </next>
</words>
<!-- Simple Contagions -->
<words id="simple_simple">
2018-04-28 16:54:52 +00:00
<i>Pongamos aparte lo del "límite" por ahora.</i>
Abajo: está una persona <icon name="red"></icon> con información sobre algo.
<i>Des</i>información. "Fake news", como le dicen los chicos en onda.
Y cada día, esa persona esparce el rumor, como un virus, a sus amigos.
Y ellos lo esparcen a <i>sus</i> amigos, y así sucesivamente.
<br>
<b>
2018-04-28 16:54:52 +00:00
¡Comenzar la simulación! <div class="darr"></div>
(p.d.: no puedes dibujar <i>mientras</i> el simulador se está ejecutando)
</b>
</words>
<words id="simple_simple_2">
2018-04-28 16:54:52 +00:00
Nota: A pesar del nombre negativo, los "contagios" pueden ser buenos o malos (o neutrales o ambíguos).
Existe fuerte evidencia estadística<ref id="contagion"></ref> que indica que
el fumar, la salud, la felicidad, los patrones de voto, y la disposición a la cooperación
son todos "contagiosos" --
y hay incluso evidencia de que los suicidios<ref id="suicides"></ref> y los tiroteos<ref id="shootings"></ref> también lo son.
</words>
<words id="simple_simple_end">
2018-04-28 16:54:52 +00:00
<next wiggle>pero qué deprimente <div class="rarr"></div> </next>
</words>
<words id="simple_cascade">
2018-04-28 16:54:52 +00:00
Sí que lo es.
Pero bueno, es <b>¡HORA DE OTRO RETO!</b>
<br>
Dibuja una red y corre la simulación,
2018-04-28 16:54:52 +00:00
para que <i>todos</i> se infecten con el "contagio".
<br>
2018-04-28 16:54:52 +00:00
(Nueva regla: no puedes cortar las conexiones <i>gruesas</i>)
</words>
<words id="simple_cascade_end">
2018-04-28 16:54:52 +00:00
<next wiggle>¡excelente! <div class="rarr"></div> </next>
</words>
<words id="simple_post_cascade">
2018-04-28 16:54:52 +00:00
Esta propagación de desinformación se llama <b>"cascada informativa"</b>.
Newton fue víctima de ella en 1720.
Las instituciones financieras del mundo fueron víctimas de ella en el 2008.<ref id="subprime"></ref>
<br><br>
2018-04-28 16:54:52 +00:00
Sin embargo: <i>esta simulación es incorrecta.</i>
La mayoría de las ideas <i>no</i> se esparcen como lo hacen los virus.
Para muchas creencias y comportamientos, necesitas estar "expuesto" al contagio más de una vez
para que seas "infectado".
Es por eso que los científicos han desarrollado una nueva y mejor forma de
describir cómo las ideas y los comportamientos se esparcen, y le llaman...
<next wiggle>“¡Contagios <i>Complejos</i>!” <div class="rarr"></div> </next>
</words>
<!-- Complex Contagions -->
<words id="complex_complex">
¡Traigamos de vuelta el ejemplo con los "límites" y los bebedores compulsivos! <icon name="yellow"></icon>
Cuando jugaste con esto la primera vez, las personas no cambiaron su comportamiento.
<br><br>
Ahora veamos lo que pasaría si la gente comenzara a tomar,
<i>¡cuando al menos el 50% de sus amigos lo hacen!</i>
<b>Antes de que empieces la simulación, piensa en lo que <i>debería</i> de pasar.</b>
<br><br>
<b>¡Ahora corre la simulación y observa lo que pasa en realidad! <div class="rarr"></div> </b>
</words>
<words id="complex_complex_2">
<span style="line-height:1.3em; display:block;">
A diferencia del contagio de "fake news" <icon name="red"></icon> anterior,
¡este contagio <icon name="yellow"></icon> <i>no</i> afecta a todos!
Las primeras personas que se "infectan" lo hacen, porque a pesar de que solamente están expuestas a un
bebedor compulsivo, ese bebedor compulsivo es el 50% de sus amigos. (sí, son muy solitarios)
En contraste, la persona cerca del final de la cadena <i>no</i> fue "infectado",
porque mientras que fue expuesto a un amigo que es un bebedor compulsivo,
no se excedió el límite del 50%.
<div style="height:0.75em"></div>
El porcentaje <i>relativo</i> de amigos "infectados" importa.
<i>Esta</i> es la diferencia entre la teoría de <b>contagios complejos</b> <ref id="complex"></ref>,
y nuestra teoría reduccionista de <b>contagios simples</b> que se transmiten como un virus.
(podrías decir que los "contagios simples" son contagios en donde no hay resistencia a la infección)
<div style="height:0.75em"></div>
Sin embargo, los contagios no son necesariamente malos &mdash;
así que basta de la <i>locura</i> de las masas, ¿qué hay de...
<next>...la <i>sabiduría</i> de las masas?</next>
</span>
</words>
<words id="complex_complex_3">
En este caso tenemos a una persona <icon name="blue"></icon> que es voluntaria para... no lo sé,
rescatar personas en huracanes, o dar clases a niños de bajos recursos en su comunidad, o algo genial como eso.
El punto es que es un contagio complejo "bueno".
Esta vez, digamos, hay un umbral del 25% &mdash;
las personas están dispuestas a ayudar, pero solo si más del 25% de sus amigos también lo hacen.
Hey, es más sencillo hacer buenas acciones en conjunto.
<br><br>
<b>&larr; ¡"Infecta" a todos con buenas vibras!</b>
</words>
<words id="complex_complex_3_end">
<span style="line-height:1.3em; display:block;">
<b>NOTA</b>: ¡El voluntareado es solo <i>uno</i> de muchos contagios complejos!
Otros incluyen: participación electoral, hábitos,
cuestionar tus creencias,
tomar tiempo para entender un tema complejo &mdash; cualquier cosa
que necesite más de una "exposición".
Los contagios complejos no son necesariamente inteligentes,
Complex contagions aren't <i>necessarily</i> wise,
pero ser sabio es
but being wise is a complex contagion.
<div style="height:0.75em"></div>
(Así que, ¿cuáles son ejemplos reales de contagio <i>simple</i>?)
Usualmente trivia como "el tlacuache tiene 13 pezones"<ref id="possum"></ref>)
<bon id="contagions"></bon>
Ahora, para <i>realmente</i> mostrar el poder y la extrañeza de los contagios complejos, recapitulemos...
<next>...un reto anterior <div class="rarr"></div> </next>
</span>
</words>
<words id="complex_cascade">
¿Recuerdas esto? Esta vez con un contagio <i>complejo</i> <icon name="blue"></icon> será un poco más difícil...
<br>
<b>¡Intenta "infectar" a todos con sabiduría compleja! <div class="darr"></div></b>
</words>
<words id="complex_cascade_feel_free">
(puedes presionar "iniciar" e <i>intentar</i> encontrar cuantas soluciones quieras)
</words>
<words id="complex_cascade_end">
<next wiggle>MIRA NADA MAS <div class="rarr"></div> </next>
</words>
<words id="complex_post_cascade">
Puedes pensar que solamente necesitas seguir añadiendo conexiones para propagar cualquier contagio,
sea "complejo" o "simple", bueno o malo, sabio o loco.
¿Pero es eso cierto? Veámoslo...
</words>
<words id="complex_post_cascade_end">
<next wiggle>...en un reto pasado <div class="rarr"></div> </next>
</words>
<words id="complex_prevent">
Si presionas "iniciar", el contagio complejo <icon name="blue"></icon> llegará a todos.
Esto no es nada nuevo.
Pero ahora, hagamos lo <i>opuesto</i> a lo que hemos hecho hasta ahora:
<b>¡crear una red para <i>prevenir</i> que el contagio infecte a todos! <div class="darr"></div></b>
</words>
<words id="complex_prevent_2">
¿Lo vez?
Mientras que más interacciones siempre ayudan a esparcir ideas <i>simples</i>,
<b>¡más conexiones pueden perjudicar el esparcimiento de ideas <i>complejas</i>!</b>
(¿no te hace esto pensar sobre el internet?)
Y no es solo un problema teorético. Puede ser un caso de vida...
</words>
<words id="complex_prevent_end">
<next wiggle>... o muerte. <div class="rarr"></div> </next>
</words>
<words id="complex_groupthink">
Los empleados de la NASA son muy inteligentes.
Quiero decir, usaron las teorías de Newton para llevarnos a la luna.
Pero bueno, en resumen, en 1986,
<i>a pesar de las advertencias de los ingenieros,</i>,
el cohete <i>Challenger</i> fue lanzado,
y a poco tiempo del lanzamiento, explotó, causando la muerte de 7 personas.
La causa inmediata:
Hacía mucho frío aquella mañana.
<div style="height:0.9em"></div>
La causa secundaria: los gerentes ignoraron las advertencias de los ingenieros.
¿Por qué? Debido al <b>pensamiento de grupo (groupthink)</b><ref id="groupthink"></ref>.
Cuando un grupo es <i>muy</i> cerrado (como lo son los grupos de altos ejecutivos)
los integrantes se oponen a ideas complejas que van en contra de sus opiniones o ego.
<div style="height:0.9em"></div>
Así es como las instituciones son víctimas de la locura de las masas.
Pero entonces, ¿cómo podemos "diseñar" para fomentar la <i>sabiduría</i> de las masas?
Dos palabras:
<next>Vínculos y Puentes <div class="rarr"></div> </next>
</words>
<!-- Bonding & Bridging -->
<words id="bonding_1">
&larr; Si hay muy pocas conexiones, una idea no se puede esparcir.
<br>
Si hay muchas conexiones, existe pensamiento de grupo. <div class="rarr"></div>
</words>
<words id="bonding_2">
<b>
Crea un grupo que llegue al punto óptimo:
¡lo suficientemente conectado como para esparcir una idea compleja!
<div class="darr"></div>
</b>
</words>
<words id="bonding_end">
Sencillo, ¿verdad?
Al número de conexiones <i>dentro</i> de un grupo se le llama <b>capital social de vínculos</b><ref id="social_capital"></ref> (bonding social capital).
¿Pero qué hay de las conexiones...
<next wiggle>...<i>entre</i> grupos?</next>
</words>
<words id="bridging_1">
Como ya te habrás imaginado,
al número de conexiones <i>entre</i> grupos se le llama
<b>capital social puente</b> (bridging social capital).
¡Esto es importante, porque ayuda a los grupos a salir de sus cajas de resonancia!
<br>
<b>Construye un puente para "infectar" a todos con sabiduría compleja:</b>
</words>
<words id="bridging_end">
Para los puentes, también hay un punto óptimo.<ref id="bridge"></ref>
(reto extra: ¡intenta dibujar tantos puentes que los contagios complejos
<i>no</i> se puedan esparcir!)
Ahora que ya sabemos como "diseñar" conexiones <i>dentro</i> y <i>entre grupos</i>...
<next wiggle>¡diseñemos para AMBOS al mismo tiempo!</next>
</words>
<words id="bb_1">
<b style="font-size:2em">¡RETO FINAL!</b>
<br>
Dibuja conexiones dentro de grupos (vínculos) y entre grupos (puentes)
para que la sabiduría se esparza a toda la multitud:
</words>
<words id="bb_2">
¡Felicidades, acabas de crear tu propio tipo especial de red!
Las redes con la mezcla adecuada de vínculos y puentes
son sumamente importantes, y se les llaman...
<next wiggle>"redes de mundo pequeño" (Small World Networks)<div class="rarr"></div> </next>
</words>
<words id="bb_small_world_1">
<i>"Unidad sin uniformidad". "Diversidad sin división". "E Pluribus Unum: de muchos, uno".</i>
<br>
No importa cómo sea dicho,
las personas a través de distintos tiempos y culturas llegan a la misma conclusión:
<b>
una sociedad saludable necesita el número correcto de vínculos <i>dentro</i> de grupos
y de puentes <i>entre</i> grupos.
</b>
Es decir:
</words>
<words id="bb_small_world_2">
No así...
<br>
(porque las ideas no pueden extenderse)
</words>
<words id="bb_small_world_3">
ni así...
<br>
(porque terminarás con pensamiento de grupo)
</words>
<words id="bb_small_world_4">
...pero <i>ASI:</i>
</words>
<words id="bb_small_world_5">
Los científicos ahora tienen una definición matemática para esta sabiduría milenaria:
la <b>red de mundo pequeño</b><ref id="small_world"></ref>.
Esta mezcla óptima de vínculos y puentes describe como
están conectadas nuestras neuronas<ref id="swn_neurons"></ref>,
promueve la creatividad colectiva<ref id="swn_creativity"></ref>
y la resolución de problemas,<ref id="swn_social_physics"></ref>,
¡e incluso ayudó al presidente de los EE.UU. John F. Kennedy a evitar (por un pelo) una guerra nuclear!<ref id="swn_jfk"></ref>
Desde luego que las redes de mundo pequeño son muy importantes.
</words>
<words id="bb_small_world_end">
<next>de acuerdo, vamos a concluir... <div class="rarr"></div> </next>
</words>
<!-- Sandbox -->
<words id="sandbox_caption">
(pst... ¿te digo un secreto?<ref id="sandbox"></ref>)
</words>
<words id="sandbox_contagion">
Contagio:
</words>
<words id="sandbox_contagion_simple">
simple
</words>
<words id="sandbox_contagion_complex">
complejo
</words>
<words id="sandbox_color_chooser">
Color del Contagio:
</words>
<words id="sandbox_tool_chooser">
Elige una herramienta...
</words>
<words id="sandbox_tool_pencil">
Dibujar Red
</words>
<words id="sandbox_tool_add">
Agregar Persona
</words>
<words id="sandbox_tool_add_infected">
Agregar "Infectado"
</words>
<words id="sandbox_tool_move">
Arrastrar Persona
</words>
<words id="sandbox_tool_delete">
Borrar Persona
</words>
<words id="sandbox_tool_clear">
<b>BORRAR TODO</b>
</words>
<words id="sandbox_shortcuts_label">
(...o, ¡usa los atajos de teclado!)
</words>
<words id="sandbox_shortcuts">
[1]: Agregar Persona &nbsp;&nbsp;&nbsp; [2]: Agregar "Infectado"
<br>
[Espacio]: Arrastrar &nbsp;&nbsp;&nbsp; [Backspace]: Borrar
</words>
<!-- Conclusion -->
<words id="conclusion_1">
<div style="font-size: 30px;">
2018-05-11 19:42:52 +00:00
EN CONCLUSION: todo esto es sobre...
</div>
<div style="
width: 100%;
position: absolute;
font-size: 88px;
top: 20px;
line-height: 100px; display:block;
">
2018-05-11 19:42:52 +00:00
Contagios y Conexiones
</div>
<div style="
width: 710px;
position: absolute;
top: 125px;
left: 250px;
">
2018-05-11 19:42:52 +00:00
<b>Contagios:</b>
Así como las neuronas pasan señales en el cerebro,
la gente pasa creencias y comportamientos en una sociedad.
No solo influenciamos a nuestros amigos,
también influenciamos a los amigos de nuestros amigos, ¡y a los amigos de los amigos de nuestros amigos!<ref id="three_degrees"></ref>
("sé el cambio que quieres ver en el mundo", etc, etc)
Pero, como las neuronas, no solo son las señales lo que importa, también importan las...
</div>
<div style="
width: 710px;
position: absolute;
top: 275px;
left: 250px;
">
2018-05-11 19:42:52 +00:00
<b>Conexiones:</b>
Muy pocas conexiones y las ideas complejas no pueden esparcirse.
<i>Muchas</i> conexiones y las ideas complejas son aplastadas por el pensamiento de grupo.
El truco es construir una red de mundo pequeño; la mezcla óptima de
vínculos y puentes: <i>e pluribus unum.</i>
</div>
<div style="
width: 350px;
position: absolute;
top: 410px;
left: 220px;
text-align: center;
color: #999;
">
2018-05-11 19:42:52 +00:00
(¿quieres crear tus propias simulaciones?
dale un vistazo al Modo Sandbox, presionando el botón con la (★)!)
</div>
<div style="
width: 400px;
position: absolute;
top: 395px;
right: 0px;
text-align: right;
">
2018-05-11 19:42:52 +00:00
Entonces, ¿qué hay sobre nuestra pregunta inicial?
¿Por qué algunas multitudes <i>recurren</i> a...
</div>
<div style="
width: 300px;
position: absolute;
top: 460px;
right: 0px;
">
2018-05-11 19:42:52 +00:00
<next>...la sabiduría y/o la locura?</next>
</div>
</words>
<words id="conclusion_2">
<span style="line-height:1.4em; display:block;">
<div style="height:0.5em"></div>
2018-05-11 19:42:52 +00:00
De Newton a la NASA hasta
<br>
2018-05-11 19:42:52 +00:00
al análisis de redes, hemos cubierto mucho el día de
<br>
2018-05-11 19:42:52 +00:00
hoy. En resúmen, la locura de las masas
<br>
2018-05-11 19:42:52 +00:00
no es necesariamente a causa de <i>personas individuales</i>, pero sí
<br>
2018-05-11 19:42:52 +00:00
debido a cómo estamos atrapados en una pegajosa red de vínculos y puentes.
<div style="height:0.9em"></div>
2018-05-11 19:42:52 +00:00
Aquello <i>NO</i> quiere decir que hay que abandonar la responsabilidad personal, puesto que
<br>
2018-05-11 19:42:52 +00:00
somos también <i>tejedores</i> de esa red. Así que mejora tus contagios:
<br>
2018-05-11 19:42:52 +00:00
sé escéptico de las ideas que halagan<ref id="flatter"></ref>, y tómate el tiempo de entender
<br>
2018-05-11 19:42:52 +00:00
ideas complejas. También mejora tus relaciones: vincúlate con personas similares a ti
<br>
2018-05-11 19:42:52 +00:00
, pero también construye puentes a través de divisiones políticas y culturales.
<div style="height:0.9em"></div>
2018-05-11 19:42:52 +00:00
Podemos tejer una red de sabiduría. Es es más difícil que dibujar
<br>
2018-05-11 19:42:52 +00:00
lineas en una pantalla...
<next>... pero sí que lo vale.</next>
</span>
</words>
<words id="conclusion_3">
<i>
2018-05-11 19:42:52 +00:00
"La mayoría de los grandes triunfos y grandes catástrofes de la historia
no se deben a que las personas son buenas en esencia o malas en esencia,
sino a que las personas son en esencia personas."
</i>
<br>
<span style="position:relative; top:5px">~</span> Neil Gaiman &amp; Terry Pratchett
<div style="height:0.8em"></div>
<next small>&lt;3</next>
</words>
<!-- Credits -->
<words id="credits">
<div style="text-align:center; color:#fff; letter-spacing: 1px; font-size: 24px; line-height: 27px;">
<span style="color:#777; position:relative; top:5px;">
2018-05-11 22:04:06 +00:00
creado por</span>
<div style="font-size: 3em; line-height: 1.0em;">
NICKY CASE</div>
<a target="_blank" href="http://ncase.me" style="text-decoration:none">
2018-05-11 22:04:06 +00:00
jugar mis otras kwosas</a> ·
<a target="_blank" href="https://twitter.com/ncasenmare" style="text-decoration:none">
2018-05-11 22:04:06 +00:00
sígueme en twitter</a>
<br><br>
<span style="color:#777; position:relative; top:5px; display: inline-block; margin-top: 15px;">
2018-05-11 22:04:06 +00:00
mucho amor y agradecimientos a</span>
<div style="font-size: 3em; line-height: 1.0em;">
2018-05-11 22:04:06 +00:00
MIS COLABORADORES DE PATREON</div>
<a onclick='publish("reference/show", ["supporters"]);'>
2018-05-11 22:04:06 +00:00
ver nombres y dibujos de mis colaboradores</a> ·
<a onclick='publish("reference/show", ["playtesters"]);'>
2018-05-11 22:04:06 +00:00
ver playtesters</a>
<br>
<a target="_blank" href="https://www.patreon.com/ncase" style="text-decoration:none">
2018-05-11 22:04:06 +00:00
¡ayúdame a crear más cosas como esta! &lt;3</a>
<br><br>
<span style="display: inline-block; margin-top: 15px;">
2018-05-11 22:04:06 +00:00
♫ la música es
<a target="_blank" href="http://freemusicarchive.org/music/Komiku/Tale_on_the_Late/" style="text-decoration:none">
2018-05-11 22:04:06 +00:00
"Friends 2018" y "Friends 2068"</a>
de Komiku
<br>
&lt;/&gt; <i>Crowds</i> is
<a target="_blank" href="https://github.com/ncase/crowds" style="text-decoration:none">
2018-05-11 22:04:06 +00:00
completamente <i>open source</i></a>
</span>
<br>
<bon id="further_reading"></bon>
</div>
</words>
<!-- x. misc -->
<words id="WIN">
2018-05-11 22:04:06 +00:00
¡VICTORIA!
</words>
<words id="sim_start">
2018-05-11 22:04:06 +00:00
iniciar simulación
</words>
<words id="sim_stop">
2018-05-11 22:04:06 +00:00
reiniciar y redibujar
</words>
<words id="translations_exist">
2018-05-11 22:04:06 +00:00
Traducciones por fans:
</words>
<words id="translations_do_not_exist">
<!-- There's no need to TRANSLATE this line since, well, -->
<!-- it'll only show up if no translations exist -->
What the, no fan-made translations exist yet?!
</words>
<words id="translations_add">
(add your own!)
</words>
<!-- - - - - - - -->
<!-- BONUS BOXES -->
<!-- - - - - - - -->
<!--
Sorry, not done yet! These Bonus Boxes need you to TRANSLATE, too:
(And then afterwards, the final thing, translate the References)
-->
<bonus id="books">
<h3>
2018-05-12 02:18:39 +00:00
Una rápida respuesta al libro <i>La Sabiduría de los Grupos</i> de James Surowiecki
</h3>
<div>
<img src="sprites/bonus/surowieki.jpg" width="200" height="300" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
Primero que nada, no estoy insultando
<a target="_blank" href="https://es.wikipedia.org/wiki/Sabidur%C3%ADa_de_los_grupos">
el libro.</a>
Es un buen libro, y Surowiecki trataba de resolver el mismo problema que yo:
<b>"¿por qué algunas multitudes recurren a la locura, o a la sabiduría?"</b>
<br><br>
2018-05-12 02:18:39 +00:00
Surowiecki dice: las masas toman buenas decisiones cuando todos son tan independientes como sea posible.
El nos cuenta una historia de una feria del condado,
en la que los habitantes fueron invitados a estimar el peso de un buey.
Sorprendentemente, el promedio de <i>todas</i> las estimaciones fue más acertada que cualquier estimación <i>individual</i>.
Pero aquí está el truco: las personas necesitan estimar de forma <i>independiente</i>.
De otra manera, serían influenciadas por las estimaciones anteriores,
y la respuesta promedio sería bastante sesgada.
<br><br>
2018-05-12 02:18:39 +00:00
Pero... no creo que "hacer todos tan independientes como sea posible" sea la respuesta completa.
Incluso los genios, a quienes mal caracterizamos como los pensadores más independientes,
están fuertemente influenciados por otros. El mismo Isaac Newton lo dijo con su frase,
<i>"Si he logrado ver más lejos, ha sido porque he subido a hombros de gigantes".</i>
<br><br>
2018-05-12 02:18:39 +00:00
Entonces, ¿cuál es la respuesta correcta?
¿La sabidura viene de pensar por uno mismo, o de pensar con otros?
La respuesta es: "sí".
<br><br>
2018-05-12 02:18:39 +00:00
Eso es lo que trataré de explicar a continuación:
cómo llegar al punto adecuado entre independencia e interdependencia &mdash;
es decir, cómo tener una multitud sabia.
</div>
</bonus>
<bonus id="connections">
<h3>
2018-05-12 02:18:39 +00:00
¿Qué otros tipos de conexiones existen?
</h3>
<div>
2018-05-12 02:18:39 +00:00
En aras de la simplicidad,
mis simulaciones pretenden que las personas solo pueden estar conectadas a través de amistades,
y que todas las amistades son iguales.
Pero los científicos consideran <i>otras</i> maneras en las que podemos estar conectados, tales como:
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/connection1.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Conexiones direccionales.</b> Alicia es la jefa de Bob, pero Bob no es el jefe de Alicia.
Carol es la madre de Dave, pero Dave no es el padre de Carol.
"Jefe" y "padre/madre" son relaciones <i>direccionales</i>:
la relación solo va en una dirección.
En contraste, la amistad es una relación <i>bidireccional</i>:
la relación va en ambas direcciones (bueno, ojalá).
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/connection2.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Conexiones ponderadas.</b> Elinor y Frankie son conocidas.
Jorge y Harry son mejores amigos por siempre.
A pesar de que hay una conexión de "amistad" en ambos casos, la segunda es más fuerte.
Decimos que estas dos conexiones tienen diferente "peso".
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/map.png" width="200" height="200" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
Solo recuerda: <b>todas estas simulaciones son incorrectas.</b> De la misma manera que un mapa está "incorrecto".
¿Ves el mapa de la izquierda? ¡Los edificios no son bloques grises sin chiste!
¡Tampoco hay palabras flotantes sobre la ciudad! Sin embargo, los mapas no son útiles <i>a pesar</i> de estar simplicados,
son útiles <i>debido</i> a que están simplificados. Lo mismo va para las simulaciones, o para cualquier teoría científica.
<i>Claro</i> que son "incorrectas" &mdash; eso es lo que las hace <i>útiles</i>.
</div>
</bonus>
<bonus id="contagions">
<h3>
2018-05-12 02:18:39 +00:00
¿Qué otros tipos de contagios existen?
</h3>
<div>
2018-05-12 02:18:39 +00:00
¡Existen muchas maneras en las que un científico puede simular "contagios"!
Escogí la más sencilla, para fines pedagógicos.
Pero aquí hay otras maneras de simularlos:
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion1.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Contagios con aleatoriedad</b>.
El haber sido "expuesto" a un contagio no <i>garantiza</i> que serás infectado;
solo <i>eleva la probabilidad</i>.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion2.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Diferente umbral de contagio</b> .
Mis simulaciones pretenden que todos tienen el mismo umbral para tomar compulsivamente (50%), o
para el voluntariado (25%), o para la desinformación (0%).
Claro que eso no es verdad, y podrías hacer que tu simulación refleje algo más exacto.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion3.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Una ecología de contagios</b>.
¿Qué pasaría si existiesen <i>distintos</i> contagios, cada uno con <i>diferentes</i> umbrales?
Por ejemplo, un contagio simple de "locura" y un contagio "complejo" de sabiduría.
Si alguien se infectara con locura, ¿se podría aún infectar con sabiduría?
¿O al revés?
¿Podría alguien estar infectado con ambos?
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion4.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Contagios que mutan y evolucionan.</b>
Las ideas no se transmiten de una persona a otra de la misma manera que un virus.
Como un juego de teléfono descompuesto, el mensaje muta con cada repetición de mensaje &mdash;
y algunas veces, ¡la versión mutada es más infecciosa que la original!
Así que con el paso del tiempo, las ideas "evolucionan" para ser más pegajosas. Copiables. Contagiosas.
<div style="clear:both"></div>
</div>
</bonus>
<bonus id="further_reading">
<h3>
2018-05-12 02:18:39 +00:00
¡Quiero aprender más! ¿Qué más puedo leer y/o jugar?
</h3>
<div>
2018-05-12 02:18:39 +00:00
Esta explicación solo fue un trampolín para tu curiosidad,
¡por lo que puedes sumergirte más profundamente en un enorme océano de conocimiento!
Aquí hay más información sobre redes o sistemas sociales:
<br><br>
<img src="sprites/bonus/connected.png" width="200" height="200" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Libro (en inglés):</b>
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a>
2018-05-12 02:18:39 +00:00
por Nicholas Christakis y James Fowler (2009).
Un tour accesible de cómo nuestras redes afectan nuestras vidas, para bien o para mal.
<a target="_blank" href="http://www.connectedthebook.com/pdf/excerpt.pdf">
2018-05-12 02:18:39 +00:00
Aquí hay un extracto (en inglés): Prefacio y Capítulo 1
</a>
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/trust.png" width="200" height="200" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Interactivo:</b>
<a target="_blank" href="https://maeriens.github.io/trust/">
La Evolución de la Confianza</a> por Nicky Case (yo) (2017).
Un juego sobre la teoría de juegos, y cómo la cooperación es construida... o destruida.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/polygons.png" width="200" height="200" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
<b>Interactivo:</b>
<a target="_blank" href="http://ncase.me/polygons-es/">
Parábola de los Polígonos</a> por Vi Hart y Nicky Case (¡ese soy yo!) (2014).
Una historia sobre cómo las acciones inofensivas pueden crear un ambiente nocivo.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/ee.png" width="200" height="200" style="float:left; margin-right:1em"/>
2018-05-12 02:18:39 +00:00
O, si solo quieres ver una galería entera de material educativo e interactivo, existe (en inglés)
<a target="_blank" href="http://explorabl.es/">
Explorable Explanations</a>,
2018-05-12 02:18:39 +00:00
¡una página para aprender jugando!
<div style="clear:both"></div>
</div>
</bonus>
<!-- - - - - - - -->
<!-- REFERENCES -->
<!-- - - - - - - -->
<!--
Final thing! These references also need you to TRANSLATE:
-->
<reference id="drunk">
<h3>
“virtually all [college] students reported that their friends drank more than they did.”
</h3>
<div>
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/1758185">
“Biases in the perception of drinking norms among college students”</a> by Baer et al (1991)
</div>
</reference>
<reference id="majority">
<h3>
“The Majority Illusion”
</h3>
<div>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0147617">
“The Majority Illusion in Social Networks”</a> by Lerman et al (2016).
<br>
Related: <a target="_blank" href="https://en.wikipedia.org/wiki/Friendship_paradox">
The Friendship Paradox</a>.
</div>
</reference>
<reference id="contagion">
<h3>
“strong statistical evidence that
smoking, health, happiness, voting patterns, and cooperation levels
are all contagious”
</h3>
<div>
From Nicholas Christakis and James Fowler's
wonderfully-written, layperson-accessible book,
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a> (2009).
</div>
</reference>
<reference id="suicides">
<h3>
“some evidence that suicides are [contagious], too”
</h3>
<div>
<a target="_blank" href="http://www.jstor.org/stable/42000514?seq=4#page_scan_tab_contents">
“Suicide Contagion and the Reporting of Suicide: Recommendations from a National Workshop”</a>
by O'Carroll et al (1994), endorsed by the frickin' Centers for Disease Control &amp; Prevention (CDC).
</div>
</reference>
<reference id="shootings">
<h3>
“some evidence that mass shootings are [contagious], too”
</h3>
<div>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0117259">
“Contagion in Mass Killings and School Shootings”</a> by Towers et al (2015).
<br><br>
Also see: the
<a target="_blank" href="http://www.dontnamethem.org/">
Don't Name Them</a> campaign,
which urges that news outlets <i>DO NOT</i> air mass murderers' names, manifestos, and social media feeds.
This spreads the contagion.
Instead, news outlets should focus on the victims, first responders, civilian heroes,
and the grieving, healing community.
</div>
</reference>
<reference id="subprime">
<h3>
“The world's financial institutions fell for such a cascade in 2008.”
</h3>
<div>
<a target="_blank" href="https://newrepublic.com/article/63023/wall-streets-lemmings">
“Lemmings of Wall Street”</a> by Cass Sunstein, is a quick, non-technical read.
Published in Oct 2008, right in the wake of the crash.
</div>
</reference>
<reference id="complex">
<h3>
“the complex contagion theory.”
</h3>
<div>
<a target="_blank" href="https://www.unc.edu/~fbaum/teaching/articles/Granovetter_AJS_1978.pdf">
“Threshold Models of Collective Behavior”</a> by Granovetter (1978)
was the first time, as far as I know, anyone described a "complex contagion" model.
(although he didn't use that specific name)
<br><br>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0180802">
“Evidence for complex contagion models of social contagion from observational data”</a>
by Sprague &amp; House (2017)
shows that complex contagions do, in fact, exist. (at least, in the social media data they looked at)
<br><br>
Finally,
<a target="_blank" href="https://arxiv.org/pdf/cond-mat/0403699.pdf">
“Universal behavior in a generalized model of contagion”</a> by Dodds &amp; Watts (2004)
proposes a model that unifies <i>all</i> kinds of contagions:
simple and complex, biological and social!
</div>
</reference>
<reference id="possum">
<h3>
“the possum has 13 nipples”
</h3>
<div>
arranged in a ring of 12 nipples, plus one in the middle
</div>
</reference>
<reference id="groupthink">
<h3>
“groupthink”
</h3>
<div>
This Orwell-inspired phrase was coined by Irving L. Janis in 1971.
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
In his original article</a>,
Janis investigates cases of groupthink, lists its causes, and &mdash; thankfully &mdash;
some possible remedies.
</div>
</reference>
<reference id="social_capital">
<h3>
“bonding and bridging social capital”
</h3>
<div>
These two types of social capital &mdash; "bonding" and "bridging" &mdash;
were named by Robert Putnam in his insightful 2000 book,
<a target="_blank" href="http://bowlingalone.com/">
Bowling Alone</a>. His discovery:
across almost <i>all</i> empircal measures of social connectiveness,
Americans are more alone than ever.
Golly.
</div>
</reference>
<reference id="bridge">
<h3>
“bridging social capital has a sweet spot”
</h3>
<div>
<a target="_blank" href="https://sociology.stanford.edu/sites/default/files/publications/the_strength_of_weak_ties_and_exch_w-gans.pdf">
“The Strength of Weak Ties”</a> by Granovetter (1973)
showed that connections across groups helps spread simple contagions (like information),
but
<a target="_blank" href="http://www.jstor.org/stable/10.1086/521848?seq=1#page_scan_tab_contents">
“Complex Contagions and the Weakness of Long Ties”</a> by Centola &amp; Macy (2007)
showed that connections across groups may not help complex contagions,
and it fact, can hurt their spread!
</div>
</reference>
<reference id="small_world">
<h3>
“the small world network”
</h3>
<div>
The idea of the "small world" was popularized by
<a target="_blank" href="http://www.jstor.org/stable/2786545">Travers &amp; Milgram's 1969 experiment</a>,
which showed that, on average, any two random people in the United States
were just six friendships apart &mdash; "six degrees of separation"!
<br><br>
The small-world network got more mathematical meat on its bones with
<a target="_blank" href="http://leonidzhukov.net/hse/2014/socialnetworks/papers/watts-collective_dynamics-nature_1998.pdf">
“Collective dynamics of small-world networks”</a> by Watts &amp; Strogatz (1998),
which proposed an algorithm for creating networks
with both low average path length (low degree of separation)
and high clustering (friends have lots of mutual friends) &mdash;
that is, a network that hits the sweet spot!
<br><br>
You can also play with
<a target="_blank" href="http://worrydream.com/ScientificCommunicationAsSequentialArt/">
the visual, interactive adaptation of that paper</a> by Bret Victor (2011).
</div>
</reference>
<reference id="swn_neurons">
<h3>
“[small world networks] describe how our neurons are connected”
</h3>
<div>
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/17079517">
“Small-world brain networks”</a> by Bassett &amp; Bullmore (2006).
</div>
</reference>
<reference id="swn_creativity">
<h3>
“[small world networks] give rise to collective creativity”
</h3>
<div>
<a target="_blank" href="http://www.jstor.org/stable/10.1086/432782?seq=1#page_scan_tab_contents">
“Collaboration and Creativity: The Small World Problem”</a> by Uzzi &amp; Spiro (2005).
This paper analyzed the social network of the Broadway scene over time,
and discovered that, yup, the network's most creative when it's a "small world" network!
</div>
</reference>
<reference id="swn_social_physics">
<h3>
“[small world networks] give rise to collective problem-solving”
</h3>
<div>
See
<a target="_blank" href="http://socialphysics.media.mit.edu/">
“Social Physics”</a> by MIT Professor Alex "Sandy" Pentland (2014)
for a data-based approach to collective intelligence.
</div>
</reference>
<reference id="swn_jfk">
<h3>
“[small world networks] helped John F. Kennedy (barely) avoid nuclear war!”
</h3>
<div>
Besides the NASA Challenger explosion, the most notorious example of groupthink
was the Bay of Pigs fiasco.
In 1961, US President John F. Kennedy and his team of advisors thought
&mdash; for some reason &mdash;
it would be a good idea to secretly invade Cuba and overthrow Fidel Castro.
They failed.
Actually, worse than failed: it led to the Cuban Missile Crisis of 1962,
<i>the closest the world had ever been to full-scale nuclear war.</i>
<br><br>
Yup, JFK really screwed up on that one.
<br><br>
But, having learnt some hard lessons from the Bay of Pigs fiasco,
JFK re-organized his team to avoid groupthink.
Among many things, he:
1) actively encouraged people to voice criticism,
thus lowering the "contagion threshold" for alternate ideas.
And
2) he broke his team up into sub-groups before reconvening,
which gave their group a "small world network"-like design!
Together, this arrangement allowed for a healthy diversity of opinion,
but without being too fractured &mdash; a wisdom of crowds.
<br><br>
And so, with the same <i>individuals</i> who decided the Bay of Pigs,
but re-arranged <i>collectively</i> to decide on the Cuban Missile Crisis...
JFK's team was able to reach a peaceful agreement with Soviet leader Nikita Khrushchev.
The Soviets would remove their missiles from Cuba, and in return,
the US would promise not to invade Cuba again.
(and also agreed, in secret, to remove the US missiles from Turkey)
<br><br>
And that's the story of how all of humanity almost died.
But a small world network saved the day! Sort of.
<br><br>
You can read more about this
<a target="_blank" href="https://hbr.org/2013/11/how-john-f-kennedy-changed-decision-making">
on Harvard Business Review</a>,
or from
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
the original article on groupthink</a>.
</div>
</reference>
<reference id="three_degrees">
<h3>
“we influence [...] our friends' friends' friends!”
</h3>
<div>
Again, from Nicholas Christakis and James Fowler's
wonderful book,
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a> (2009).
</div>
</reference>
<reference id="flatter">
<h3>
“be skeptical of ideas that flatter you”
</h3>
<div>
yes, including the ideas in <i>this</i> explorable explanation.
</div>
</reference>
<reference id="sandbox">
<h3>
★ Sandbox Mode ★
</h3>
<div>
The keyboard shortcuts (1, 2, space, backspace)
work in <i>all</i> the puzzles, not just Sandbox Mode!
Seriously, you can go back to a different chapter,
and edit the simulation right there.
In fact, that's how <i>I</i> created all these puzzles. Have fun!
</div>
</reference>
<reference id="supporters" hidden=yes large=yes>
<div>
To
<a target="_blank" href="https://www.patreon.com/ncase">my supporters on Patreon</a>:
I'm deeply grateful.
Your generosity <i>literally</i> feeds me and pays my rent,
and grants me the creative freedom to make these weird math/social-science games.
From the bottom of my heart, thank you!
</div>
</reference>
<reference id="playtesters" hidden=yes large=yes>
<div>
Thank you, everyone who playtested <i>Crowds</i>
during its many stages of life!
<br><br>
<b>The Prototype:</b>
<br>
Maria ·
Monica Srivastava
<br><br>
<b>The Alpha:</b>
<br>
Glen Chiacchieri ·
Kalli Repzeti ·
Mali Akmanalp ·
Toph Tucker
<br><br>
<b>The Beta:</b>
<br>
Alex Dytrych ·
Amit Patel ·
Cassandra McClure ·
Catherine Ray ·
Josh Comeau ·
Kayle Sawyer ·
Matthew Conlen ·
Srini Kadamati ·
Vanessa Shen ·
Wick Perry
</div>
</reference>
</span>
<!--
And that's it! That's the last of what needed to a TRANSLATE
Thank you so, so much for doing this again, wow.
Finally, go to "translations.txt" and follow the instructions there,
in order to let this game "know" your translation exists.
-->