31:T508,htl.html` `32:T6fd,bloqueosMap = { const deptos = { 1: 'Oruro', 2: 'La Paz', 3: 'Cochabamba', 4: 'Chuquisaca', 5: 'Beni', 6: 'Tarija', 7: 'Pando', 8: 'Potosí', 9: 'Santa Cruz' } return Plot.plot({ height: 500, width: 500, r: {range: [0, 3]}, projection: { type: "mercator", domain: bolivia }, marks: [ Plot.geo(bolivia, { fill: colors.fondo, fillOpacity: .9, stroke: "#fff", strokeWidth: 1 }), Plot.geo(caminos, { stroke: colors.ticks, strokeWidth: .2, }), Plot.geo(bloqueos, { filter: d => timePlot ? timePlot.open.includes(d.id) : null, r: 4, fill: colors.bloqueo, fillOpacity: .3, stroke: colors.bloqueo, strokeWidth: .9, }), Plot.geo(poblaciones.features, { x: d => d.geometry.coordinates[0], y: d => d.geometry.coordinates[1], r: d => d.properties.s, fill: colors.ticks, fillOpacity: .2, }), Plot.text(poblaciones.features, Plot.pointer({ px: d => d.geometry.coordinates[0], py: d => d.geometry.coordinates[1], text: d => `${d.properties.n}\n${deptos[d.properties.d]}`, lineHeight: 1.3, lineAnchor: 'top', textAnchor: 'middle', fontFamily: 'serif', fontStyle: 'italic', fontSize: 12, dx: -130, dy: 50, frameAnchor: "top-right", fill: colors.ticks, stroke: "#fff", })), Plot.geo(poblaciones, Plot.pointer({ px: d => d.geometry.coordinates[0], py: d => d.geometry.coordinates[1], r: d => d.properties.s, fill: colors.ticks, fillOpacity: .9, })), ] }) }33:[{"id":"8254cbc6575b3521375a43c0b36013720bf39b998213b817765ea262a9ffff6c2c190868b96a0abb47433573eb397c94876cb0d6e1137bcaadc65e54f350b955","href":"https://static.observableusercontent.com/files/8254cbc6575b3521375a43c0b36013720bf39b998213b817765ea262a9ffff6c2c190868b96a0abb47433573eb397c94876cb0d6e1137bcaadc65e54f350b955","name":"caminos.json","type":"application/json","lastModified":1706457374021.134,"size":395785},{"id":"23f9a0068d9578ec08dc1764bd78cfeae3255d20fcc6f754aefe2c6a30a87721b6effac175d395de9ed63adc3173e0cf1b8a0254b2d7dd4ab95b8fb9bbfa45aa","href":"https://static.observableusercontent.com/files/23f9a0068d9578ec08dc1764bd78cfeae3255d20fcc6f754aefe2c6a30a87721b6effac175d395de9ed63adc3173e0cf1b8a0254b2d7dd4ab95b8fb9bbfa45aa","name":"poblaciones.json","type":"application/json","lastModified":1706457374021.134,"size":656219},{"id":"c2203754dad714254d90ae923cfd9ddb2abd674907d7e8153f22b275a4cb6d32c0056ceb56630a72aa1aaf7025813fdb6d2f00813b047c299276d1f4545e70e0","href":"https://static.observableusercontent.com/files/c2203754dad714254d90ae923cfd9ddb2abd674907d7e8153f22b275a4cb6d32c0056ceb56630a72aa1aaf7025813fdb6d2f00813b047c299276d1f4545e70e0","name":"poblaciones@8.json","type":"application/json","lastModified":1706460381640.41,"size":37430},{"id":"58b915d61ae2d7e51fcd94aee6c2ba308c18d3b302ae661dbc322134d90b46beea18d6e26439ddfe4c3b95bb53674db3bb004559be1a75b61f9309135191d9ce","href":"https://static.observableusercontent.com/files/58b915d61ae2d7e51fcd94aee6c2ba308c18d3b302ae661dbc322134d90b46beea18d6e26439ddfe4c3b95bb53674db3bb004559be1a75b61f9309135191d9ce","name":"bolivia.json","type":"application/json","lastModified":1706240699225.456,"size":544770}] 2f:{"title":"Bloqueos en Carreteras de Bolivia","cells":[{"id":297,"value":"htl.html`\n

Bloqueos en Carreteras de Bolivia

\n\n

Bloqueos

en Carreteras de Bolivia

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":364,"value":"{\nreturn htl.html`\n

\n desde hace ...\n

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"viewof timeDomain = view`\n

\n${[\"seleccion\", Inputs.radio(timeDomainOptions, {\n format: d => d == \"∞\" ? \"∞\" : `${d} días`,\n value: 60,\n})]}\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof timePlot = Plot.plot({\n height: 200,\n width: width,\n marginBottom: 30,\n x: {\n domain: [timeDomainCutoff[timeDomain.seleccion], now],\n tickSize: 0\n },\n y: {\n tickSize: 0,\n label: null,\n axis: 'right',\n },\n style: {\n color: colors.ticks,\n },\n marks: [\n Plot.gridY({\n stroke: colors.ticks,\n strokeOpacity: .5,\n strokeWidth: 1,\n strokeDasharray: \"1,2\"\n }),\n Plot.areaY(timeseries, {\n x: 'time',\n y: 'number',\n fill: colors.bloqueo,\n fillOpacity: .3,\n curve: 'basis'\n }),\n Plot.line(timeseries, {\n x: 'time',\n y: 'number',\n stroke: colors.bloqueo,\n strokeWidth: 2,\n strokeOpacity: .5,\n curve: 'basis'\n }),\n Plot.ruleX(timeseries, Plot.pointerX({\n x: 'time',\n stroke: colors.ticks,\n strokeWidth: 6,\n strokeOpacity: .2,\n }))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":215,"value":"{\nreturn htl.html`\n

\n ${html`${bloqueosLabel}`}\n

\n ${html`${trendLabel}`}\n

\n ${bloqueosMap}\n

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":337,"value":"footnote(\n \"De dónde vienen estos datos\",\n md`\n- Cada *\"bloqueo\"* es un incidente de tránsito que la Agencia Boliviana de Caminos clasifica como *\"no transitable por conflictos sociales\"*.\n- Puedes consultar el mapa oficial de la Agencia [acá](http://transitabilidad.abc.gob.bo/mapa).\n- Archivo estos datos cada 2 horas desde agosto de 2020 en [este repositorio](https://github.com/mauforonda/transitabilidad-bolivia). Todos los datos y el código son públicos para que otros puedan hacer más cosas creativas con ellos.\n`\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":414,"value":"---\n_estilo, dependencias, ayudas_","pinned":false,"hidden":false,"mode":"md"},{"id":252,"value":"import { view } from \"@tomlarkworthy/view\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"colors = ({\n bloqueo: \"#F47453\",\n texto: \"#4a4c4f\",\n ticks: \"rgb(111, 114, 122)\",\n fondo: \"#f1f1f3\",\n seleccion: \"rgb(74, 77, 87)\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":234,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"footnote = (title, text) => {\n return htl.html`\n

${title}

\n ${text}\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"now = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"---\n_tiempos_","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"timeseries = {\n const ts = await d3.json(\"https://raw.githubusercontent.com/mauforonda/transitabilidad-bolivia/master/conflictos_tiempo.json\")\n return ts.map(t => ({time: d3.isoParse(t.time), open: t.open, number:t.open.length}))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"timeDomainOptions = [30, 60, 120, 365, 700, \"∞\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"timeDomainCutoff = {\n function getDate(days) {\n if (days != \"∞\")\n return new Date(now - (days * 86400000)) \n else {\n return timeseries.slice(0,1)[0].time\n }\n }\n return Object.fromEntries(timeDomainOptions.map(t => [t, getDate(t)]))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"bloqueosLabel = {\n const formatter = Intl.DateTimeFormat(\"es-BO\", {month: 'long', year: 'numeric', day:\"numeric\", hour:\"numeric\", minute: \"2-digit\"})\n if (timePlot) {\n return `${timePlot.number == 1 ? \"1 bloqueo\" : timePlot.number + \" bloqueos\"} el ${formatter.format(timePlot.time)}`\n } else {\n return \"\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":452,"value":"trend = {\n return Object.fromEntries(\n timeseries.map((t, i) => [\n t.time.toISOString(),\n {\n day: timeseries[i - 4] ? t.number - timeseries[i - 4].number : null,\n week: timeseries[i - 28] ? t.number - timeseries[i - 28].number : null\n }\n ])\n )\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":451,"value":"trendLabel = {\n function compareTrend(values, key, name) {\n if (values[key] == 0) {\n return `igual que ${name}`\n } else if (values[key] > 0) {\n return `${Math.abs(values[key])} más que ${name}`\n } else if (values[key] < 0) {\n return `${Math.abs(values[key])} menos que ${name}`\n }\n }\n if (timePlot && trend[timePlot.time.toISOString()]) {\n const values = trend[timePlot.time.toISOString()]\n return `\n

${compareTrend(values, 'day', 'el día anterior')}

${compareTrend(values, 'week', 'la semana anterior')}

\n`\n } else {\n return \"\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":411,"value":"---\n_mapa_","pinned":false,"hidden":false,"mode":"md"},{"id":36,"value":"bloqueos = {\n const data = await d3.csv(\n \"https://raw.githubusercontent.com/mauforonda/transitabilidad-bolivia/master/conflictos_coordenadas.csv\", \n d3.autoType\n )\n return ({\n type: \"FeatureCollection\",\n features: data.map(b => ({\n type: \"Feature\",\n id: b.id,\n geometry: {\n type: \"Point\",\n coordinates: [b.longitud, b.latitud]\n }\n }))\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"bolivia = {\n const bolivia_json = await FileAttachment(\"bolivia.json\").json()\n return topojson.feature(bolivia_json, bolivia_json.objects.data)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"caminos = {\n const caminos_json = await FileAttachment(\"caminos.json\").json()\n return topojson.feature(caminos_json, caminos_json.objects.caminos)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"poblaciones = FileAttachment(\"poblaciones@8.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}