2d:null 2e:["$","title",null,{"children":"Datarapper | bejuco | Observable"}] 33:T4d9,md`# Datarapper El rap es un género de música construido a partir de múltiples elementos y habilidades que han mutado a través del tiempo, entre los cuales destaca el uso del lenguaje y la palabra como medio principal para describir el mundo y lo que pasa en él, así como llevar a nuestros cerebros y oídos a dimensiones desconocidas. A lo largo de la historia, mucha gente ha hablado y escrito sobre rap y las formas en que este género se ha manifestado en diferentes contextos y *escenas* alrededor del mundo. Kodwo Eshun***¹***, por ejemplo, explora el aspecto computacional, tecnológico y maquinal presente en Estados Unidos con artistas como Kool Keith y su grupo Ultramagnetics MCs. Por otro lado Santiago Cembrano***²*** reconoce su naturaleza mnemónica, histórica y narrativa, así como su importancia en el desarrollo del contexto cultural en Colombia. Estos dos casos han sido particularmente relevantes en mi acercamiento al género y han hecho preguntarme ***cómo podría darse una mirada al rap colombiano a través de herramientas y principios computacionales***. [Esta visualización](https://pudding.cool/projects/vocabulary/index.html) de Matt Daniels es un ejemplo claro de lo que se puede llegar a hacer. `34:T616,md`--- ## Rap grueso, oscuro y lleno de imágenes Como parte de la clase *[Comunicar Datos - Visualizar Conocimiento](https://posgradosfacartes.uniandes.edu.co/curso/comunicar-datos-visualizar-conocimiento/)*, realicé una visualización experimental que busca representar e interpretar la realidad descrita por dos raperos a partir de datos extraídos de la música que componen. Estos dos raperos son Zof Ziro y Granuja, juntos forman el grupo **[Gordo Sarkasmus](https://www.youtube.com/watch?v=LoEaR_1w6yY)**. El rap de Gordo Sarkasmus ha sido descrito como oscuro, satírico, sarcástico y hasta ofensivo. Yo agregaría que es rap cinematográfico: música que detona y construye imágenes mentales en movimiento. La banda sonora de un [slasher](https://en.wikipedia.org/wiki/Slasher_film) hecha a punta de rimas, beats y samples. > ### A mí no me interesa que vean una cosa bonita, me interesa que vean lo que yo estoy viendo. —Zof Ziro³ Según Henri Bergson***⁴***, esta relación entre lo textual, lo visual y lo musical ocurre porque **"el** ~~poeta~~ **rapero es aquel cuyos sentimientos se convierten en imágenes y las imágenes mismas en palabras que las traducen mientras obedecen las leyes del ritmo.** Nosotros, a su vez, al ver estas imágenes pasar ante nuestros ojos, experimentamos el sentimiento que era, por asi decirlo, su equivalente emocional." Buscando de alguna forma *ver* lo que Granuja y Ziro *ven* en cada una de sus canciones, utilicé las letras de Gordo Sarkasmus para crear una serie de composiciones gráficas. `35:T63e,md`--- ## Una canción = Una película ![poster_hallowinners](https://i.imgur.com/NEmWVlQ.jpg) Siguiendo la idea de *rap cinematográfico* y tomando como inspiración el póster original del álbum *Hallowinners II: La Venganza* (imagen de arriba), se realizaron 8 carteles que corresponden a las 8 canciones del álbum. Cada cartel se construyó mediante el siguiente proceso: >**1. Preparar el dataset:** Luego de transcribir las letras, se utilizó [Knime](https://www.knime.com/) para eliminar la puntuación, filtrar las palabras de modo que solo quedaran sustantivos, adjetivos y verbos y crear un archivo JSON con la *bolsa* de palabras resultante. >**2. Obtener las imágenes:** Usando la [API de Flickr](https://www.flickr.com/services/developer/api/), se realizó una busqueda de imágenes basada en las palabras del archivo JSON creado en el paso anterior. >**3. Dibujar las imágenes:** De las imágenes obtenidas por cada palabra, se seleccionó una de forma aleatoria y mediante la función *[blend()](https://p5js.org/reference/#/p5/blend)* de la librería [p5.js](https://p5js.org/), se creó un canvas en el cual se sobrepuso cada una de las imágenes selecciondas. >**4. Aumentar el canvas:** Luego de descargar el canvas de p5.js, este mismo se amplió utilizando [Bigjpg](https://bigjpg.com/) (CNN) para poder crear piezas que en un futuro pudieran ser impresas en gran formato. >**5. Crear los carteles:** Se crearon 8 piezas que recomponen/remixean/fusilan carteles de Cine B y de películas *R-rated* agregando el título de la canción y otros elementos gráficos. `36:T490,md`--- ## Conclusiones - Sigo creyendo que la música es una fuente de inspiración y un recurso de creación inagotable, que puede mutar de formas increíbles con la ayuda de recursos y herramientas computacionales. - Encuentro sorprendente y abrumador el hecho de que en este momento sea posible acceder y utilizar una cantidad de información tan basta. En este ejercicio sólamente se habla de ***millones*** de imágenes y de posibles composiciones gráficas creadas a partir del uso de datos que **tienden al infinito**. - Espero que este proyecto pueda seguir creciendo y evolucionando. Algunas ideas que vienen a la mente son **hacer la versión física de los carteles**, visualizar la música creada por otros artistas y explorar otras herramientas y técnicas plásticas (análogas y digitales). - Invito a las personas a que se acerquen, de forma responsable y con una visión holística, a herramientas de manejo de datos y/o de programación, sea en campos artísticos/de diseño o no. No sólo porque resulta relevante para el momento de la historia en que vivimos, sino también porque pueden convertirse en herramientas de trabajo muy poderosas. `37:T9f7,md` --- ## Referencias **[1]** En su libro *[More Brilliant Than the Sun: Adventures in Sonic Fiction](https://monoskop.org/images/b/b2/Eshun_Kodwo_More_Brilliant_Than_the_Sun_Adventures_in_Sonic_Fiction.pdf)*, Kodwo Eshun viaja por el universo afrofuturista a través de diferentes géneros musicales. En el caso de la cultura hip hop, Eshun describe la rama de la ciencia que se ocupa de manipular samples y crear breakbeats, los procesos de catálisis presentes en el turntablism y la mutación de la figura del *rapper*: > *Hip Hop begins as an analogy engine, in which the I is like = like = etc. This phonoextension is why HipHop takes over space in your head. Powered by analogical chains, its syntactic prosthetics occupy your brain, take up your mind.* > >*For Kool Keith, words are machineparts, to be soldered together into Unknown Audio Objects. Roaming over the wreckage of songs, the scientist assembles PhonoFictional engines from 'hypothetical basic mechanisms'.* **[2]** Aparte de [una extensa lista](https://santiagocembrano.journoportfolio.com/rap/) de artículos y entrevistas, Santiago Cembrano también es el escritor del libro *[La Época del Rap de Acá](https://www.casasantoysena.com/es/libros/musica/la-epoca-del-rap-de-aca)*. Con él, Cembrano contribuye a la historia y la memoria del rap colombiano y hace un gran homenaje a la música y a las personas que la hacen posible. **[3]** Quote de una entrevista a Gordo Sarkasmus realizada por Sara Kapkin. Disponible en [Vice](https://www.vice.com/es_co/article/68nj93/gordo-sarkasmus-profesin-raperos). >*Este es el mensaje que yo le quiero dar a la juventud, a los adultos y a los viejos, a los niños, a todo el mundo. Yo no le quiero esconder lo que pienso a nadie. **A mí no me interesa que vean una cosa bonita, me interesa que vean lo que yo estoy viendo**. A cada uno le pasan cosas muy diferentes, entonces ya cuando usted se encontró como rapero y encontró su estilo, no se va a parecer a nadie porque usted está contando su historia. Narrando su vida.* **[4]** Del libro *[Time and Free Will: An Essay on the Immediate Data of Consciousness](https://archive.org/details/timeandfreewilla00berguoft/page/n49/mode/2up?q=the+poet+is+he+with+whom+feelings+develop+into+images)*: >*The poet is he with whom feelings develop into images, and images themselves into words which translate them while obeying the laws of rhythm. In seeing these images pass before our eyes we in our turn experience the feeling which was, so to speak, their emotional equivalent...* `38:[{"id":"1cb8d5bacc1037cd074add5143b3ea59cfdc632d813d4ec776a1d068486daefb7defa68285131166c3b817cbe6be4b8801c27a7b6041be3c07ac99ee57f98a2b","href":"https://static.observableusercontent.com/files/1cb8d5bacc1037cd074add5143b3ea59cfdc632d813d4ec776a1d068486daefb7defa68285131166c3b817cbe6be4b8801c27a7b6041be3c07ac99ee57f98a2b","name":"muere_1.json","type":"application/json","lastModified":1595720366866.71,"size":3572},{"id":"7a5bf3e5fac28033166b92c58130b10dca66295a6b2e877fe1aee9e91da340d71690f2a164c83c293cd1c6a0eb49e1411a8aadbf701130030ec3a7b5ef67b09e","href":"https://static.observableusercontent.com/files/7a5bf3e5fac28033166b92c58130b10dca66295a6b2e877fe1aee9e91da340d71690f2a164c83c293cd1c6a0eb49e1411a8aadbf701130030ec3a7b5ef67b09e","name":"asesino_1.json","type":"application/json","lastModified":1595720366974.81,"size":3447},{"id":"4dd80d503e259bf2ee7db754fd61954035405e8e0d0c5707309ea8f97c8b2f0c9ccd1bed2030a286b542f7cacc6164db38a1eaf3bab5e877537d1d3bd64e78e6","href":"https://static.observableusercontent.com/files/4dd80d503e259bf2ee7db754fd61954035405e8e0d0c5707309ea8f97c8b2f0c9ccd1bed2030a286b542f7cacc6164db38a1eaf3bab5e877537d1d3bd64e78e6","name":"asuntos_1.json","type":"application/json","lastModified":1595720367029.917,"size":5308},{"id":"debf8374b49b32889dacaa1d93bc3ca4e370f89aeff0464b3ce35f8700487816848d0ee5a57189931a8ff0cdbc88cd1ca6d3d7a4643522f6057a90c20ead5e4b","href":"https://static.observableusercontent.com/files/debf8374b49b32889dacaa1d93bc3ca4e370f89aeff0464b3ce35f8700487816848d0ee5a57189931a8ff0cdbc88cd1ca6d3d7a4643522f6057a90c20ead5e4b","name":"crimen_1.json","type":"application/json","lastModified":1595720367088.148,"size":3676},{"id":"aa7c23419dafbb2a90b5ab43fa28c0e10466fc1f4a5e2e0a29b4c104bd622bd6053ac6886ddead944eef00d9d12c1f6e65ab9a52c70e800f3d1756f9cfb36905","href":"https://static.observableusercontent.com/files/aa7c23419dafbb2a90b5ab43fa28c0e10466fc1f4a5e2e0a29b4c104bd622bd6053ac6886ddead944eef00d9d12c1f6e65ab9a52c70e800f3d1756f9cfb36905","name":"belcebu_3.json","type":"application/json","lastModified":1595720367095.027,"size":3224},{"id":"55677274a16b09ec1a910e0ae7c8ae3ce59c5fa4c0e04ea7a18e5de9e6413d746f13c502f28cfa1b510f120d275a7e7ee1af2c30486de6d14cbc62bfd09897b3","href":"https://static.observableusercontent.com/files/55677274a16b09ec1a910e0ae7c8ae3ce59c5fa4c0e04ea7a18e5de9e6413d746f13c502f28cfa1b510f120d275a7e7ee1af2c30486de6d14cbc62bfd09897b3","name":"delito_1.json","type":"application/json","lastModified":1595720367134.575,"size":3531},{"id":"d6ece1d6c8f147ea4a0ac6367aef602d4554f07720fd2d4e8e9327c09e17368247cde5403a4ba5c7abbb6704b6198d30ba058974e65230c8a332bf592740f12f","href":"https://static.observableusercontent.com/files/d6ece1d6c8f147ea4a0ac6367aef602d4554f07720fd2d4e8e9327c09e17368247cde5403a4ba5c7abbb6704b6198d30ba058974e65230c8a332bf592740f12f","name":"extraños_1.json","type":"application/json","lastModified":1595720367216.359,"size":7075},{"id":"196cc9c22eeaf2ac05d875c975162c7da36cbe04845ce072959d4425cb537fb87de6f57c82cc92c4802099302379b884f70d04f48950cbc15eed89a46ddffd7d","href":"https://static.observableusercontent.com/files/196cc9c22eeaf2ac05d875c975162c7da36cbe04845ce072959d4425cb537fb87de6f57c82cc92c4802099302379b884f70d04f48950cbc15eed89a46ddffd7d","name":"vueltas_1.json","type":"application/json","lastModified":1595720367282.748,"size":5173},{"id":"10e3c7294ec101268bb0ad19eab297e6cc317f20592840bb6a98e2c6f26653dbe8e163c6e9deac51e80fc1ff622e7223c490cda9e6a24c2fb9b00a7b08d944dc","href":"https://static.observableusercontent.com/files/10e3c7294ec101268bb0ad19eab297e6cc317f20592840bb6a98e2c6f26653dbe8e163c6e9deac51e80fc1ff622e7223c490cda9e6a24c2fb9b00a7b08d944dc","name":"resultados_crimen.json","type":"application/json","lastModified":1595784493944.09,"size":8506},{"id":"07750b0c64df66d3fe1ba11fe1f6ab35c8d3b296f14e75f47a5473921b94a66028fc8b6c5c41501d43a71347321ad1802bd29f869ee08913db089b9ba86dc354","href":"https://static.observableusercontent.com/files/07750b0c64df66d3fe1ba11fe1f6ab35c8d3b296f14e75f47a5473921b94a66028fc8b6c5c41501d43a71347321ad1802bd29f869ee08913db089b9ba86dc354","name":"resultados_vueltas.json","type":"application/json","lastModified":1595784492259.521,"size":8273},{"id":"11c987c3e2faddb9c579f81fac5be7f3e71b5ebcaf270f6e277e046bc67b7a18734d28a81f68987a59465c5675642c6cb1282f65c4112d7771024d08e37fa2a1","href":"https://static.observableusercontent.com/files/11c987c3e2faddb9c579f81fac5be7f3e71b5ebcaf270f6e277e046bc67b7a18734d28a81f68987a59465c5675642c6cb1282f65c4112d7771024d08e37fa2a1","name":"resultados_sucios.json","type":"application/json","lastModified":1595784492361.778,"size":12319},{"id":"3622dc2e65cd7e53f5c588eed57c02f218d74b33ded4dc2ecd08e888758beced972283e29aad7b80395c6c8b8c98ee5d04d7bdca69b4f032c5ccf64167d8e025","href":"https://static.observableusercontent.com/files/3622dc2e65cd7e53f5c588eed57c02f218d74b33ded4dc2ecd08e888758beced972283e29aad7b80395c6c8b8c98ee5d04d7bdca69b4f032c5ccf64167d8e025","name":"resultados_asesino.json","type":"application/json","lastModified":1595784492271.511,"size":8104},{"id":"d5547172d757f2d6c85d38322538ce3843597fc0a66141de2afeab5379363ffd9024ff17ec0d5efcd8b5e21506400dfecf98f79a7c6a9c7a26b2eb775a78c221","href":"https://static.observableusercontent.com/files/d5547172d757f2d6c85d38322538ce3843597fc0a66141de2afeab5379363ffd9024ff17ec0d5efcd8b5e21506400dfecf98f79a7c6a9c7a26b2eb775a78c221","name":"resultados_muere.json","type":"application/json","lastModified":1595784492310.402,"size":8287},{"id":"4535b90561771c1e6cce9d876787c945bc58fb72d987c643e9eb4de5620c7dab6f6d6ea5b04d15e14aee20fd3cb77325a1bbb8a916aa37a338eb619025cebff3","href":"https://static.observableusercontent.com/files/4535b90561771c1e6cce9d876787c945bc58fb72d987c643e9eb4de5620c7dab6f6d6ea5b04d15e14aee20fd3cb77325a1bbb8a916aa37a338eb619025cebff3","name":"resultados_extraños.json","type":"application/json","lastModified":1595784492069.071,"size":16539},{"id":"d6c32145716eecb0583b4e8b385aa530a3348c75ae3f3232091b6ecfb0889ce34288e35a0ced7df5fe5b3b26676402b21ee25e393dc51f004735ab63c1b7ade7","href":"https://static.observableusercontent.com/files/d6c32145716eecb0583b4e8b385aa530a3348c75ae3f3232091b6ecfb0889ce34288e35a0ced7df5fe5b3b26676402b21ee25e393dc51f004735ab63c1b7ade7","name":"resultados_delito.json","type":"application/json","lastModified":1595784491914.871,"size":8154},{"id":"8f975cc7b30dfb12ff89efe231e73764a2bfff0c661ca28dd6ee73508cf5cfa9818ab0a8a928a2c763f83f71ab73db550ae594c3f3545529dedf9ac661b98668","href":"https://static.observableusercontent.com/files/8f975cc7b30dfb12ff89efe231e73764a2bfff0c661ca28dd6ee73508cf5cfa9818ab0a8a928a2c763f83f71ab73db550ae594c3f3545529dedf9ac661b98668","name":"resultados_belcebu.json","type":"application/json","lastModified":1595784491735.593,"size":5319}] 31:{"id":"22386bbf54d6cdd5","slug":"datarapper","title":"Datarapper","thumbnail":"6daca83ef1f384c830692d857413918b68a96ebdf19aa239397d4bbdb2a6797d","access_level":"public","create_time":"$D2020-06-29T21:49:55.042Z","update_time":"$D2026-09-10T23:38:16.990Z","view_time":null,"first_public_time":"$D2020-07-05T18:06:14.439Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"727fc91cd128c957","login":"bejuco","name":"bejuco","avatar_url":"https://avatars-next.observableusercontent.com/42ea759fcf97fb4815d7fa7efc0b8896b601182e4a50256ecfb66854d8f7892c","tier":"starter_2024"},"version":1270,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dedaedf5a8fc40fc","login":"bejuco","name":"bejuco","avatar_url":"https://avatars-next.observableusercontent.com/42ea759fcf97fb4815d7fa7efc0b8896b601182e4a50256ecfb66854d8f7892c","tier":null}],"members":[{"type":"individual","id":"dedaedf5a8fc40fc","login":"bejuco","name":"bejuco","avatar_url":"https://avatars-next.observableusercontent.com/42ea759fcf97fb4815d7fa7efc0b8896b601182e4a50256ecfb66854d8f7892c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Datarapper","cells":[{"id":0,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":746,"value":"md`---\n## Resultados\nA continuación se muestran los resultados del ejercicio y una playlist en YouTube con las canciones del álbum. \n\nPor cada canción se mostrará:\n- El link al cartel original de referencia.\n- El cartel final.\n- El dataset utilizado.\n- Un gráfica donde se visualiza el número de resultados por palabra en Flickr.\n- La cantidad total de imágenes a las que se puede acceder por cada canción.\n\n**Las imágenes en alta resolución se pueden ver [aquí](https://flic.kr/s/aHsmPE5M2T).*\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1164,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":804,"value":"md`---\n### 1. La llegada de Belcebú\n\n**Cartel original:** [*Rosemary's Baby*](https://s3.birthmoviesdeath.com/images/made/Rosemarys-Baby-Poster_1200_1855_81_s.jpeg) (1968)\n\n![belcebu](https://live.staticflickr.com/65535/50157025437_68901e69ee_c_d.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":855,"value":"belcebu = FileAttachment(\"belcebu_3.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_belcebu);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":949,"value":"md`\nCon las palabras de ***La llegada de Belcebú*** se puede acceder a **${total_resultados(\n resultados_belcebu\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"md`---\n### 2. El cuerpo del delito\n\n**Cartel original:** [*La semana del asesino*](http://wrongsideoftheart.com/wp-content/gallery/posters-a/apartment_on_13th_floor_poster_01.jpg) (1972)\n\n![delito](https://live.staticflickr.com/65535/50157003087_4ddd6fb690_c.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":859,"value":"delito = FileAttachment(\"delito_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1025,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_delito);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"md`\nCon las palabras de ***El cuerpo del delito*** se puede acceder a **${total_resultados(\n resultados_delito\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"md`---\n### 3. Conversación con Extraños (con Doble Porción)\n\n**Cartel original:** [*When a stranger calls*](http://wrongsideoftheart.com/wp-content/gallery/posters-w/when_stranger_calls_poster_01.jpg) (1979)\n\n![extraños](https://live.staticflickr.com/65535/50156759606_82ba17bc0a_c.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"extraños = FileAttachment(\"extraños_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1028,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_extraños);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1050,"value":"md`\nCon las palabras de ***Conversación con extraños*** se puede acceder a **${total_resultados(\n resultados_extraños\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"md`---\n### 4. Retrato del asesino\n\n**Cartel original:** [*Sei donne per l'assassino*](http://wrongsideoftheart.com/wp-content/gallery/posters-b/blood_and_black_lace_poster_02.jpg) (1964)\n\n![asesino](https://live.staticflickr.com/65535/50157035777_86c7fccb7e_c_d.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":867,"value":"asesino = FileAttachment(\"asesino_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1031,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_asesino);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1053,"value":"md`\nCon las palabras de ***Retrato del asesino*** se puede acceder a **${total_resultados(\n resultados_asesino\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"md`---\n### 5. Asuntos sucios (con No Rules Clan)\n\n**Cartel original:** [*Monstroid*](http://wrongsideoftheart.com/wp-content/gallery/posters-m/monstroid_poster_01.jpg) (1980)\n\n![sucios](https://live.staticflickr.com/65535/50156739906_05139a63de_c_d.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":871,"value":"sucios = FileAttachment(\"asuntos_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1034,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_sucios);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1056,"value":"md`\nCon las palabras de ***Asuntos Sucios*** se puede acceder a **${total_resultados(\n resultados_sucios\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"md`---\n### 6. Volviendo a la escena del crimen\n\n**Cartel original:** [*The House that vanished*](http://wrongsideoftheart.com/wp-content/gallery/posters-h/house_that_vanished_poster_01.jpg) (1973)\n\n![crimen](https://live.staticflickr.com/65535/50156775481_ed43beebe8_c_d.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"crimen = FileAttachment(\"crimen_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1037,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_crimen);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1059,"value":"md`\nCon las palabras de ***Volviendo a la escena del crimen*** se puede acceder a **${total_resultados(\n resultados_crimen\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"md`---\n### 7. Dando vueltas (con Alcolirycoz)\n\n**Cartel original:** [*Ghost Story*](http://wrongsideoftheart.com/wp-content/gallery/posters-g/ghost_story_poster_01.jpg) (1981)\n\n![vueltas](https://live.staticflickr.com/65535/50156961307_045dbba587_c_d.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":878,"value":"vueltas = FileAttachment(\"vueltas_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1040,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_vueltas);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1062,"value":"md`\nCon las palabras de ***Dando Vueltas*** se puede acceder a **${total_resultados(\n resultados_vueltas\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"md`---\n### 8. Muere otro día\n\n**Cartel original:** [*Dark Star*](https://www.filmonpaper.com/wp-content/uploads/2013/07/DarkStar_A1_1981RR_Germany-1-500x706@2x.jpg) (1974)\n\n![muere](https://live.staticflickr.com/65535/50156197453_c5d32128fa_c_d.jpg)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":881,"value":"muere = FileAttachment(\"muere_1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1043,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: width,\n height: 300,\n animate: false\n });\n\n chart.data(resultados_muere);\n chart\n .interval()\n .position('palabra*resultados')\n .color('palabra');\n\n chart.scale('resultados', { alias: '# de resultados en Flickr' });\n\n chart.axis('resultados', {\n title: {}\n });\n\n chart.tooltip({\n showMarkers: false,\n shared: true\n });\n\n chart.legend(false);\n\n chart.interaction('active-region');\n\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1065,"value":"md`\nCon las palabras de ***Muere otro día*** se puede acceder a **${total_resultados(\n resultados_muere\n)}** imágenes en Flickr.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1139,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":905,"value":"md`---\n## Anexos`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":993,"value":"md`## Librerías y funciones`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"G2 = require('@antv/g2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"total_resultados = cancion => {\n let total = 1;\n for (var i = 0; i < cancion.length; i++) {\n total += cancion[i].resultados;\n }\n return total;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1088,"value":"total_combinaciones = cancion => {\n let cancion_filtrada = cancion.filter(d => d.resultados >= 1);\n var total = 1;\n for (var i = 0; i < cancion_filtrada.length; i++) {\n total *= Number(cancion_filtrada[i].resultados) / cancion_filtrada.length;\n }\n return total;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":996,"value":"md`## Resultados de cada canción`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":991,"value":"resultados_belcebu = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_belcebu.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1003,"value":"resultados_delito = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_delito.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"resultados_extraños = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_extraños.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"resultados_asesino = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_asesino.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1013,"value":"resultados_sucios = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_sucios.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1016,"value":"resultados_crimen = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_crimen.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1019,"value":"resultados_vueltas = {\n let data = [];\n let resultados_cancion = await FileAttachment(\n \"resultados_vueltas.json\"\n ).json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1022,"value":"resultados_muere = {\n let data = [];\n let resultados_cancion = await FileAttachment(\"resultados_muere.json\").json();\n for (var i = 0; i < resultados_cancion.length; i++) {\n data[i] = {\n palabra: resultados_cancion[i].palabra,\n resultados: Number(resultados_cancion[i].resultados)\n };\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 32:"$31:body"