2c:null 2d:["$","title",null,{"children":"Combustible | Mauricio Foronda | Observable"}] 32: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, })), ] }) }33:[] 30:{"id":"d575cbf73db86c6b","slug":"combustible","title":"Combustible","thumbnail":"97d69565bb7b6b8b0e1317d1f87dc12e766259f940653afa099d611306feea36","access_level":"public","create_time":"$D2025-05-21T03:30:07.034Z","update_time":"$D2025-06-06T16:50:43.369Z","view_time":null,"first_public_time":"$D2025-05-29T13:24:39.867Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda","avatar_url":"https://avatars-next.observableusercontent.com/4cc3af3b792916571df54649e193dbdbf80a875b4e37b1def6ecb0480c561075","tier":"starter_2024","bio":""},"version":234,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null,"bio":""}],"members":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null,"role":"editor"},{"type":"team","id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda","avatar_url":"https://avatars-next.observableusercontent.com/4cc3af3b792916571df54649e193dbdbf80a875b4e37b1def6ecb0480c561075","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Combustible","cells":[{"id":0,"value":"# Combustible\n## En estaciones de servicio a nivel nacional","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":136,"value":"html`

${viewof seleccion}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"plotSaldo(seleccion)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"plotConsumo(seleccion)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"

${mensaje}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":161,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":225,"value":"github = \"https://mauforonda.github.io/reportecombustibles\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"saldos = await d3.csv(`${github}/saldo.csv`, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"consumo = await d3.csv(`${github}/consumo.csv`, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"dateFormatter = new Intl.DateTimeFormat('es', { year: 'numeric', month: 'long', day: 'numeric', timeZone: \"UTC\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"colors = ({\n fuel: \"#f8bc1c\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"