27:null 28:["$","title",null,{"children":"Introducción 2 | VisualizacionDatosUtec | Observable"}] 2d:T6c4,2e:[] 2b:{"id":"c5e595b6619dd65c","slug":null,"title":"Introducción 2","thumbnail":"38b9495d1f1e153a2d030a7373f026423d752f7f2b8dced3598f457de8b8e20a","access_level":"public","create_time":"$D2025-03-05T20:26:18.709Z","update_time":"$D2026-03-27T16:46:32.568Z","view_time":null,"first_public_time":"$D2025-03-26T17:09:43.170Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a25d8d0a78fdd028","login":"visualizaciondatosutec","name":"VisualizacionDatosUtec","avatar_url":"https://avatars-next.observableusercontent.com/f35cdcac85154f00c7f618f657a419ec49ca2aff184905479764ed22c5506282","tier":"starter_2024"},"version":68,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"19a06346fb83f4ac","login":"germain-garcia-zanabria","name":"Germain Garcia Zanabria","avatar_url":"https://avatars-next.observableusercontent.com/4bfd83cda24c1a9cfee33cb6d13fc6c9e716a69cd26a5d3568688dc68d3b6d6f","tier":null}],"members":[{"type":"individual","id":"19a06346fb83f4ac","login":"germain-garcia-zanabria","name":"Germain Garcia Zanabria","avatar_url":"https://avatars-next.observableusercontent.com/4bfd83cda24c1a9cfee33cb6d13fc6c9e716a69cd26a5d3568688dc68d3b6d6f","tier":null,"role":"editor"},{"type":"team","id":"a25d8d0a78fdd028","login":"visualizaciondatosutec","name":"VisualizacionDatosUtec","avatar_url":"https://avatars-next.observableusercontent.com/f35cdcac85154f00c7f618f657a419ec49ca2aff184905479764ed22c5506282","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":8,"collection":null,"type":"notebook","body":{"title":"Introducción 2","cells":[{"id":0,"value":"# Introducción 2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$2d","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"Al igual que los notebooks de Jupyter, Observable son notebooks computacionales donde puedes explorar, analizar, visualizar y comunicarte con datos de manera colaborativa en la web. \nPermite a los usuarios escribir código en JavaScript, HTML, Markdown y LaTeX.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"## Notebooks y Celdas","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"Un *notebook* está compuesto por un conjunto de celdas que contienen código.\n\nPara editar las celdas, debes hacer clic en el ${greyarrow} en el lado izquierdo de una celda.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"w=13","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"w","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"{\n const angles = [0, 15, 30, 45, 60, 75, 90];\n const sines = angles.map(x => Math.sin(x * (Math.PI/180)) );\n return sines;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"a = {\"nombre\":'pepito','edad':14}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"## Retornar objetos complejos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"obj = {\n return {x: 10, y: 20};\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"## ¡El orden no importa!\n\nPuedes definir tus variables en cualquier orden, y Observable usa un grafo de dependencias para actualizar las referencias. \nObservable intenta resolver un problema común en los notebooks de Jupyter: **Estados Ocultos**.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"data = {\n\n const random_numbers = [];\n \n for(let i = 0; i < nNumbers; i++){\n random_numbers.push(Math.random()*10);\n }\n\n return random_numbers;\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"nNumbers = 6;\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"## Funciones","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"squared(16)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"## Links útiles (reusado en otros notebooks)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"[Observable tutorials](https://observablehq.com/tutorials) ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"## funciones","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"squared = {\n return (a) => { return Math.pow(a,2); }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"greypin = {\n return html``\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"greyarrow = {\n return html``\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"Plot.plot({\n y: {\n tickFormat: \"s\"\n },\n marks: [\n Plot.areaY(industries, {x: \"date\", y: \"unemployed\", fill: \"industry\"}),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"