3e:null 3f:["$","title",null,{"children":"Autobiografía de datos | Pajaro Speed's Workspace | Observable"}] 45:T5cc,//Autobiografía objetoautobiografico = ({ nombre: "Jorge Alejandro Llanos", //categórico edad: "27", //numeral Profesión: ["historiador del arte, periodista"], //Array 1 Lugar_de_nacimiento: "Colombia", //nominal, ya que designa Hobbies: ["Música, teatro, cine, literatura"], //Array 2 Barba: "true", //booleano Cabello: "false", //booleano //Aquí tenía dudas respecto a la nomenclatura, ya que si bien es un objeto categórico, ¿sería también un booleano al verse sujeto a verdadero o falso? Gafas: "true", //booleano Color_Favorito: "negro", //categórico Color_Ojos: "miel", //Categórico Hermanos: "true", //booleano Nombres_Hermanos: ["Sergio, Nicolas"], // Array 3 //Entiendo que, cuando se genera una lista, surge un Array que sería el tipo de dato que contiene los elementos. ¿Aquí sería relevante esta información y estaría bien organizada? ¿O debería relacionarla directamente con la categoría de Hermanos dicha anteriormente? Me quedó la duda si puedo relacionar este tipo de datos o no tienen importancia dentro de un ejercicio como este. Felicidad: "undefined", //¿Puede un valor ser ambigüo? Lo coloqué de esta forma para entender si; ¿es válido o no, desde el sentido lógico del código, colocar este tipo de información?, o inclusive, ¿buscar visualizarla? Comida_Favortia: "arroz con pollo", Estatura: "1.68", //decimal Animal_Favorito: "elefante", //categórico } )46:T4fc, *El ave negra de la María que asustó a María…*, es una ilustración del caricaturista Ricardo Rendón que apareció en el periódico de El Espectador el 11 de octubre de 1927. Surgió debido a los conflictos que enfrentaba el Estado colombiano contra las intervenciones realizadas por las petroleras estadounidenses. Dentro de este conflicto, dos personajes; Luis y Enrique "Greñas", interceptaron las reuniones llevadas a cabo entre el Estado colombiano y Anglo Persian, una petrolera inglesa, en busca de información para los intereses de los norteamericanos. Rendón ilustra la especulación económica, y el tema urgente de las interceptaciones, a partir del "vuelo siniestro" del ave nocturna, una referencia a la novela María, del escritor vallecaucano Jorge Isaacs, quien usa la figura del búho como un vaticinio de tragedia. Tuve problemas al momento de estructurar el código debido a mi poca práctica. Entender la lógica de este lenguaje me lleva a cometer múltiples errores y pasar horas. Ya sea por un mal paréntesis, una coma, o una información mal colocada, tuve que darle bastantes vueltas al asunto. Sin embargo, logré entender la geo-referenciación dentro del plano cartesiano y la forma de relacionarlo desde el código hacia lo visual. 47:T862,{ d3.select ("#FotoRendon") .selectAll (".anotacion") .remove(); let anotaciones= [ { //Primera anotación x: 130, //Inicia la anotación de X y: 240, //Inicia la anotación de Y dx: 30, //Ubicación X del texto dy: 235, //Ubicación texto anotado color: "blue", note: { label: "Esta figura icónica representa al Tío Sam, arquetipo del imperialismo norteamericano de los Estados Unidos de América a finales del Siglo XIX y comienzos del siglo XX.", } }, //Segunda anotación { note: { label: "Representación funesta debido a la trama de especulación financiera y manipulación búrsatil ideada por banqueros estadounidenses.", }, x: 400, //Inicia la anotación de X y: 200, //Inicia la anotación de Y dx: 250, //Ubicación X del texto dy: 270, //Ubicación texto anotado color: "blue", }, //Tercera anotación { note: { label: "Ave siniestra, tomada de la novela de María (Jorge Isaác), y llamada Greñas, apellido de los individuos que espiaron y reportaron a USA acerca de negocios petroleros de Colombia con Gran Bretaña.", }, x: 400, //Inicia la anotación de X y: 100, //Inicia la anotación de Y dx: 250, //Ubicación X del texto dy: 0, //Ubicación texto anotado color: "blue", }, { //cuarta anotación note: { label: "Serie de concesiones realizadas con la Anglo Persian, petrolera inglesa, que peligraban por el estado de incertidumbre y sabotaje por parte de EE.UU.", }, x: 350, //Inicia la anotación de X y: 300, //Inicia la anotación de Y dx: 90, //Ubicación X del texto dy: 180, //Ubicación texto anotado color: "blue", }, ]; let anotar = d3_annotation.annotation() .type(d3_annotation.annotationCallout) .annotations (anotaciones); d3.select("#FotoRendon").append("g").attr("class", "anotacion").call(anotar); }48:[] 43:{"id":"3050b8f2c7fff0c7","slug":null,"title":"Autobiografía de datos","thumbnail":"158860ac6185c1f00f0220756292f0120b40deac2a5f6f4d3dd52870a5028274","access_level":"public","create_time":"$D2023-08-29T18:53:14.019Z","update_time":"$D2023-08-29T22:33:54.877Z","view_time":null,"first_public_time":"$D2023-08-29T22:30:37.590Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ac30ceb205c2a0f9","login":"pajaro-speed-ws","name":"Pajaro Speed's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/5db481617d4e3d9c7d3fd84bb12069c6d2d8ad563aa8b1074b480d403a39114e","tier":"starter_2024","bio":"","following":false},"version":222,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"02d042f663d9950a","login":"pajaro-speed","name":"Pajaro Speed","avatar_url":"https://avatars-next.observableusercontent.com/79577d5e17474df0fa1bfd1a7478464e26c16bbc79b9fafdfc63954651bdddb5","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"02d042f663d9950a","login":"pajaro-speed","name":"Pajaro Speed","avatar_url":"https://avatars-next.observableusercontent.com/79577d5e17474df0fa1bfd1a7478464e26c16bbc79b9fafdfc63954651bdddb5","tier":null,"role":"editor"},{"type":"team","id":"ac30ceb205c2a0f9","login":"pajaro-speed-ws","name":"Pajaro Speed's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/5db481617d4e3d9c7d3fd84bb12069c6d2d8ad563aa8b1074b480d403a39114e","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Autobiografía de datos","cells":[{"id":0,"value":"# Autobiografía de datos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"Como está expresado en los comentarios al borde, tuve dificultades al momento de analizar la taxonomía de los datos y entender —en su propio sentido—, cómo pueden relacionarse y cuál debería ser su utilidad, y pertinencia, dentro de un ejercicio como este. Soy consciente de que el ejercicio no es difícil, simplemente estoy en el proceso de ir abarcando y entendiendo cómo funciona desde lo más básico, y qué se podrá hacer con el mismo más adelante. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"\n**Imagen Anotada**\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":147,"value":"$46","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":65,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"d3_annotation = require(\"d3-svg-annotation\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"\n**Prueba \"fragmento de la ilustración\"**\n\n\nQuise hacer esta pequeña prueba para ver cómo funcionaba la herramienta. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":169,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":172,"value":"{\n d3.select (\"#Fragmento\") .selectAll (\".anotacion\") .remove();\n\n let anotaciones= [\n { //Primera anotación\n x: -150\n , //Inicia la anotación de X\n y: 20, //Inicia la anotación de Y\n dx: 800, //Ubicación X del texto\n dy: 100, //Ubicación texto anotado\n color: \"brown\",\n \n //Me quedé corto al momento de poder ubicar bien la línea de referencia. La dejo así como ejercicio práctico, más no como parte de la entrega misma. \n\n \n note: {\n\n label: \"Esta es la famosa firma del caricaturista colombiano Ricardo Rendón.\",\n \n }\n \n },\n ];\n\n\nlet anotar = d3_annotation.annotation() .type(d3_annotation.annotationCallout) .annotations (anotaciones);\n\nd3.select(\"#Fragmento\").append(\"g\").attr(\"class\", \"anotacion\").call(anotar); \n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"