30:T94a,function plotTimeline(df, producto, titulo, tickFormat, subtitle, yDomain) { return Plot.plot({ marginBottom: 70, x: { label: null, tickSize: 7, domain: timeDomain }, y: { axis: null, domain: yDomain }, marks: [ () => htl.svg` `, Plot.ruleY([yDomain[0]]), Plot.gridY({ ticks: 3, strokeDasharray: "1,3", strokeOpacity: .5 }), Plot.axisY({ ticks: 3, anchor: "right", textAnchor: "end", tickSize: 0, dx: -10, dy: -6, lineAnchor: "bottom", tickFormat: tickFormat, // tickFormat: (d, i, _) => (i === _.length - 1 ? `${d / 1e6}M` : d / 1e6), label: null }), Plot.areaY(df, { x: "fecha_actualizacion", y1: yDomain[0], y2: producto, fill: "url(#gradient)", fillOpacity: .5, curve: "basis" }), Plot.line(df, { x: "fecha_actualizacion", y: producto, stroke: colors.fuel, strokeWidth: 2, strokeOpacity: .8, curve: "basis" }), Plot.text([`${titulo} de ${productos[producto]} en estaciones de servicio`], { frameAnchor: "top-left", lineAnchor: "bottom", dy: -10, fontSize: 12, fontWeight: 500, }), Plot.ruleX(df, Plot.pointerX({ x: "fecha_actualizacion", strokeWidth: 1, strokeOpacity: .8, strokeDasharray: "1,2", })), Plot.dot(df, Plot.pointerX({ x: "fecha_actualizacion", y: producto, fill: colors.fuel, fillOpacity: .3, r: 7, })), Plot.dot(df, Plot.pointerX({ x: "fecha_actualizacion", y: producto, fill: colors.fuel, fillOpacity: 1, r: 3, })), Plot.text(df, Plot.pointerX({ px: "fecha_actualizacion", frameAnchor: "top-left", text: subtitle, // text: d => `${d3.format(",.0f")(d[producto])} litros`, lineAnchor: "top", fontSize: 10, fontWeight: 400, })), ] }) }31:[] 2e:{"title":"Combustible","cells":[{"id":0,"value":"# Combustible\n## En estaciones de servicio a nivel nacional","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"html`

${viewof seleccion}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"plotSaldo(seleccion)","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"plotConsumo(seleccion)","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"

${mensaje}

","pinned":false,"hidden":false,"mode":"html"},{"id":161,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":225,"value":"github = \"https://mauforonda.github.io/reportecombustibles\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"saldos = await d3.csv(`${github}/saldo.csv`, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"consumo = await d3.csv(`${github}/consumo.csv`, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"dateFormatter = new Intl.DateTimeFormat('es', { year: 'numeric', month: 'long', day: 'numeric', timeZone: \"UTC\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"productos = ({\n 2: \"Diésel\",\n 3: \"Gasolina\",\n 7: \"Gasolina Premium\",\n 10: \"Diésel ULS+\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"timeDomain = {\n const start = saldos[0].fecha_actualizacion.getTime();\n const end = saldos.slice(-1)[0].fecha_actualizacion.getTime();\n return [new Date(start), new Date(end + (end - start) / 15)]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"colors = ({\n fuel: \"#f8bc1c\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"function plotSaldo(producto) {\n const domain = [0, Math.max(...saldos.map(d => d[seleccion])) * 1.05]\n return plotTimeline(\n saldos,\n producto, \n \"Saldo\",\n (d, i, _) => (i === _.length - 1 ? `${d / 1e6}M` : d / 1e6),\n (d) => `${d3.format(\",.0f\")(d[producto])} litros el ${dateFormatter.format(d.fecha_actualizacion)}`,\n domain\n )\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"function plotConsumo(producto) {\n const domain = [Math.min(...consumo.map(d => d[seleccion])) * .95, Math.max(...consumo.map(d => d[seleccion])) * 1.05]\n return plotTimeline(\n consumo,\n producto, \n \"Tendencia de consumo\",\n null,\n (d) => `${dateFormatter.format(d.fecha_actualizacion)}`,\n domain\n )\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"viewof seleccion = Inputs.radio(Object.keys(productos), {\n format: d => productos[d],\n value: \"2\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"mensaje = md`_Son [datos de la ANH](https://github.com/sociedatos/bo-combustible) que [limpio y ordeno mínimamente](https://github.com/mauforonda/reportecombustibles/blob/main/timeline.py). Use con cuidado._`","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W31","stdlib":"1","titling":"auto"}