2a:null 2b:["$","title",null,{"children":"Ejemplos de uso para el Mapa de Colombia | Néstor Andrés Peña | Observable"}] 30:[] 2e:{"id":"4857668d308aecff","slug":"untitled","title":"Ejemplos de uso para el Mapa de Colombia","thumbnail":"75f8cf1921b6d1c663bccf3b428299d1e95155975c9b69948253431bea310a03","access_level":"public","create_time":"$D2022-04-26T13:02:40.519Z","update_time":"$D2022-04-29T14:12:29.269Z","view_time":null,"first_public_time":"$D2022-04-26T14:06:17.567Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"01062053fabb03ae","login":"nestorandrespe","name":"Néstor Andrés Peña","avatar_url":"https://avatars-next.observableusercontent.com/d99a6c701ad1b2e42bbbc506b9ebf12e4a4fc10974ce5750f7fed982e443fd07","tier":"starter_2024"},"version":248,"publish_version":248,"role":null,"authored":false,"authors":[{"type":"individual","id":"6a42999b55e39bcd","login":"nestorandrespe","name":"Néstor Andrés Peña","avatar_url":"https://avatars-next.observableusercontent.com/d99a6c701ad1b2e42bbbc506b9ebf12e4a4fc10974ce5750f7fed982e443fd07","tier":null}],"members":[{"type":"individual","id":"6a42999b55e39bcd","login":"nestorandrespe","name":"Néstor Andrés Peña","avatar_url":"https://avatars-next.observableusercontent.com/d99a6c701ad1b2e42bbbc506b9ebf12e4a4fc10974ce5750f7fed982e443fd07","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"d601afeab6defdba","slug":"clase-visualizacion-de-datos-para-periodistas","title":"Clase Visualización de datos para periodistas","owner":{"id":"01062053fabb03ae","login":"nestorandrespe","name":"Néstor Andrés Peña"}},"type":"notebook","body":{"title":"Ejemplos de uso para el Mapa de Colombia","cells":[{"id":0,"value":"# Ejemplos de uso para el Mapa de Colombia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":7,"value":"import {ColombiaChart} from \"@nestorandrespe/mapa-de-colombia-con-san-andres-y-providencia\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"viewof colorEscala = Inputs.color({label: \"Color escala\", value: \"#4682b4\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":67,"value":"viewof grosor_linea = Inputs.range([0, 3], {label: \"Amount\", value: .15})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"mapa = ColombiaChart(datos_procesados, {\n id: d=>d['divipola'],\n value: d=>d['total'],\n \n tooltipContent: d=>d['contenido'],\n width_: width,\n sColorMunicipios: '#dcdcdc',\n colorMunicipios: 'rgba(70,130,180,.1)',\n // la escala de color que se usa\n colorFondo: '#fff',\n // burbujaColumnaR: d=>d['radio'],\n burbujaScale: d3.scalePow().range([4, 10]),\n sWDptos:grosor_linea,\n colorDptos: \"transparent\",\n\n // activo el nivel 3 que es el de municipios, por defecto son departamentos\n nivel3: true,\n nivel2: true,\n \n sColorDptos: '#999',\n\n tipo: 'burbujas',\n colorScale:d3.scaleLinear().range([\"#fff\", colorEscala]).interpolate(d3.interpolateRgb),\n\n // caja de san andres y providencia\n sanProBBox : {top: 5, left: 5, width: 100, padding: 10}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":149,"value":"viewof a_o = Player(Array.from({length: 41}, (_, i) => i + 1 + 1970), {\n autoplay: false,\n delay: 100,\n show: { play: true, stop: true }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":169,"value":"mapa_tiempo = ColombiaChart(datos_procesados_a_o, {\n id: d=>d['divipola'],\n value: d=>d['total'],\n \n tooltipContent: d=>d['contenido'],\n width_: width,\n height_: 800,\n sColorMunicipios: '#dcdcdc',\n colorMunicipios: 'rgba(70,130,180,.1)',\n // la escala de color que se usa\n colorFondo: '#fff',\n burbujaColumnaR: d=>d['radio'],\n burbujaScale: d3.scalePow().range([0, 5]),\n sWDptos:grosor_linea,\n\n // activo el nivel 3 que es el de municipios, por defecto son departamentos\n nivel3: true,\n nivel2: true,\n \n sColorDptos: '#999',\n colorDptos: 'transparent',\n\n tipo: 'picos',\n colorScale:d3.scaleLinear().range([\"#fff\", colorEscala]).interpolate(d3.interpolateRgb),\n\n picosDomain: [0,20],\n // scaleDomain: [0,20],\n\n // caja de san andres y providencia\n sanProBBox : {top: 5, left: 5, width: 100, padding: 10}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":107,"value":"html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":91,"value":"viewof municipio = Inputs.select(d3.group(datos_procesados, d=>d.ciudad), {label: \"Escoge un municipio\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":133,"value":"viewof color_linea = Inputs.color({label: \"Favorite color\", value: \"#f5f5f5\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":137,"value":"viewof color_letras = Inputs.color({label: \"Favorite color\", value: \"#b47850\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":84,"value":"linea_tiepmo = Plot.plot({\n // Le asigno un tamaño a la gráfica\n width: (width - 40),\n height: 600,\n\n // Para que los nombres se puedan leer, le ponemos una margen a la izquierda y abajo\n marginLeft:50,\n marginBottom:50,\n marginTop:50,\n\n // Le asigno unos estilos\n style: {\n // Sangría\n padding: 20,\n // Color de fondo\n backgroundColor: color_linea,\n // Color de las letras\n color: color_letras,\n // Tamaño de la letra\n fontSize: 14,\n // Fuente de la letra\n fontFamily: 'monospace'\n },\n y: {\n grid: true,\n label: 'Número de estudiantes'\n },\n x: {\n // le pongo tipo fecha a mi eje X\n type: 'utc',\n grid: true\n },\n marks: [\n Plot.ruleY([0]),\n Plot.line(datos.filter(d=>d['CÓDIGO DIVIPOLA'] === municipio[0].divipola), Plot.groupX(\n {y: \"count\"},\n {x: \"Año\", marker: \"circle\"}\n ))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":144,"value":"import {style as faStyle} from \"@airbornemint/fontawesome\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":163,"value":"faStyle({ solid: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":142,"value":"import {Player} from \"@oscar6echo/player\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"datos = d3.csv(\"https://docs.google.com/spreadsheets/d/e/2PACX-1vRy5v2H494FgeicTBDvkajCKw8rQCAM10Ls-ND2lBE2xDqCYyIK747cFwOvleYe-_6tO1494fSSV83q/pub?output=csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":177,"value":"datos_procesados_a_o = {\n let resp = []\n datos.filter(d=>d['Año'] === '' + a_o).map(d => {\n let mun = d['CÓDIGO DIVIPOLA']\n let index = resp.find(t => t['divipola'] === mun)\n if(index){\n index['total'] += 1,\n index['contenido'] += `

${d['Estudiante']}

${d['Carrera']}

`\n }\n else{\n let obj = {\n divipola: mun,\n total: 1,\n radio: 5,\n contenido: `

${d['Estudiante']}

${d['Carrera']}

`,\n ciudad: d['Ciudad ']\n }\n\n resp.push(obj)\n }\n })\n return resp\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"datos_procesados = {\n let resp = []\n datos.map(d => {\n let mun = d['CÓDIGO DIVIPOLA']\n let index = resp.find(t => t['divipola'] === mun)\n if(index){\n index['total'] += 1,\n index['contenido'] += `

${d['Estudiante']}

${d['Carrera']}

`\n }\n else{\n let obj = {\n divipola: mun,\n total: 1,\n radio: 5,\n contenido: `

${d['Estudiante']}

${d['Carrera']}