31:T6b5,Plot.plot({ x: { domain: timeDomain, tickSize: 0, ticks: 5, label: null }, y: { domain: priceDomain, tickSize: 0, ticks: 5, axis: null, }, marks: [ () => htl.svg` `, Plot.gridY({ ticks: 5, strokeDasharray: "1,3", strokeOpacity: .5 }), Plot.axisY({ ticks: 5, anchor: "right", textAnchor: "end", tickSize: 0, dx: -10, dy: -6, lineAnchor: "bottom", tickFormat: (d, i, _) => (i === _.length - 1 ? `${d} Bs` : d), label: null }), Plot.areaY(serie, { x: "fecha", y1: priceDomain[0], y2: "precio", fill: "url(#gradient)", fillOpacity: .5, curve: "basis" }), Plot.line(serie, { x: "fecha", y: "precio", sort: "fecha", stroke: colors.price, strokeWidth: 2, strokeOpacity: .8, curve: "basis" }), Plot.dot(serie, Plot.pointerX({ x: "fecha", y: "precio", fill: colors.price, fillOpacity: .3, r: 7, })), Plot.dot(serie, Plot.pointerX({ x: "fecha", y: "precio", fill: colors.price, fillOpacity: 1, r: 3, })), Plot.text(serie, Plot.pointerX({ px: "fecha", frameAnchor: "top-left", text: d => `${d3.format(",.2f")(d.precio)} Bs. por ${d.unidad} de ${d.producto} el ${dateFormatter.format(d.fecha)}`, lineAnchor: "top", fontSize: 10, fontWeight: 400, })), ] })32:[] 2f:{"title":"Precios","cells":[{"id":0,"value":"# Precios\n## en el sistema canastita del INE","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":116,"value":"html`

${viewof producto}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"_en ..._","pinned":false,"hidden":false,"mode":"md"},{"id":114,"value":"html`

${viewof depto}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"data = {\n const response = await d3.json(\"https://servicioswm.ine.gob.bo/canastita/dashboard/reporte2\")\n return response.map(d => ({\n fecha: parseDate(`${d.dia} ${d.gestion}`),\n f: `${d.dia} ${d.gestion}`,\n precio: Number(d.precio_mercado),\n unidad: d.unidad_madre.toLowerCase(),\n cantidad: Number(d.cantidad),\n producto: d.producto.toLowerCase(),\n id_producto: d.id,\n departamento: d.departamento\n })).sort((a, b) => new Date(a.fecha) - new Date(b.fecha));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"parseDate = (str) => {\n const months = {\n 'Jan': 0, 'Feb': 1, 'Mar': 2, 'Apr': 3, 'May': 4, 'Jun': 5,\n 'Jul': 6, 'Aug': 7, 'Sep': 8, 'Oct': 9, 'Nov': 10, 'Dec': 11\n };\n const [day, monthYear] = str.split('-');\n const [mon, year] = monthYear.split(' ');\n return new Date(parseInt(year), months[mon], parseInt(day));\n};","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"departamentos = [...new Set(data.map(d => d.departamento))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"productos = data.reduce((acc, curr) => {\n acc[curr.id_producto] = curr.producto;\n return acc;\n}, {});","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"viewof depto = Inputs.radio(departamentos, {\n value: \"La Paz\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"viewof producto = Inputs.radio(Object.keys(productos), {\n format: d => productos[d],\n value: \"1\"\n})","pinned":false,"hidden":true,"mode":"ojs"},{"id":55,"value":"serie = data.filter(d => d.departamento == depto && d.id_producto == producto)","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"colors = ({\n price: \"#f0844a\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"timeDomain = [\n new Date(Math.min(...data.map(d => d.fecha.getTime()))),\n new Date(Math.max(...data.map(d => d.fecha.getTime())) + 2592000000)\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"priceDomain = [\n Math.min(...serie.map(d => d.precio)) * .9,\n Math.max(...serie.map(d => d.precio)) * 1.1\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"","pinned":false,"hidden":true,"mode":"html"},{"id":180,"value":"dateFormatter = new Intl.DateTimeFormat('es', { year: 'numeric', month: 'long', day: 'numeric', timeZone: \"UTC\"})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}