31:T7d9,viewof mainPlot = { const filtered = data.filter(d => d.reserva == 'total') const line = { x: 'fecha', y: 'valor' } const scale = { tickSize: 0, label: '', labelArrow: 'none' } const floatFormatter = d3.format('.0f') const dateFormatter = new Intl.DateTimeFormat('es', { year: 'numeric', month: 'long', timeZone: "UTC"}) return Plot.plot({ height: 270, marginLeft: 50, marginBottom: 20, marginRight: 25, style: { fontFamily: "Archivo" }, x: { ...scale }, y: { ...scale }, marks: [ Plot.ruleY([0], { stroke: colors.scale }), Plot.gridY({ stroke: colors.grid, strokeWidth: 1, strokeOpacity: 0.5 }), Plot.text(filtered, Plot.pointerX({ px: 'fecha', dy: -60, dx: -30, frameAnchor: 'right', lineAnchor: 'bottom', fill: colors.line, fillOpacity: .8, fontSize: 30, fontWeight: 'bold', text: d => `${floatFormatter(d.valor)}` })), Plot.text(filtered, Plot.pointerX({ px: 'fecha', dy: -50, dx: -30, frameAnchor: 'right', lineAnchor: 'top', fill: colors.line, fillOpacity: .5, fontSize: 10, fontWeight: 'bold', text: d => `$US millones\n${dateFormatter.format(d.fecha)}` })), Plot.line(filtered, { ...line, stroke: colors.line, strokeWidth: 2 }), withGradient({color: colors.line}, fill => Plot.areaY(filtered, { ...line, fill })), Plot.ruleX(filtered, Plot.pointerX({ x: 'fecha', py: 'valor', stroke: colors.pointer, strokeDasharray: "1,3", strokeOpacity: 0.8, strokeWidth: 1 }) ), Plot.dot(filtered, Plot.pointerX({ ...line, r: 5, fill: colors.line }) ) ] }) }32:T7f8,{ const scale = { tickSize: 0, label: '', labelArrow: 'none' } return Plot.plot({ height: 60, marginLeft: 50, marginRight: 25, marginBottom: 5, marginTop: 5, x: { ...scale, axis: false, domain: [data[0].fecha, data.slice(-1)[0].fecha], }, y: { ...scale, ticks: 3, axis: "right" }, style: { fontFamily: "Archivo", color: colors.scale }, marks: [ Plot.areaY(oro, { x: "fecha", y: "total", fill: colors.oro, // fillOpacity: .8, curve: "basis" }), Plot.line(oro, { x: "fecha", y: "total", stroke: colors.pointer, strokeWidth: 1.2, strokeOpacity: .6, curve: "basis" }), Plot.dot(oro, { x: "fecha", y: "total", stroke: colors.pointer, fill: colors.oro, strokeOpacity: .6, strokeWidth: 1, }), Plot.text(["Toneladas de oro"], { frameAnchor: "left", dy: 10 }), Plot.dot(oro, Plot.pointerX({ x: "fecha", y: "total", stroke: colors.pointer, fill: colors.oro, strokeOpacity: .9, strokeWidth: 1.5, })), Plot.text(oro, Plot.pointerX({ px: "fecha", frameAnchor: "left", dy: -10, fontFamily: "Archivo", fill: colors.scale, fillOpacity: .8, stroke: "white", fontSize: 25, text: "total" })), mainPlot ? Plot.ruleX(oro, { x: mainPlot.fecha, stroke: colors.scale, strokeDasharray: "1,4", strokeOpacity: 0.2, strokeWidth: 1 }) : null , mainPlot ? Plot.text(oro, { frameAnchor: "left", dy: -10, fontFamily: "Archivo", fill: colors.scale, fillOpacity: .8, stroke: "white", fontSize: 25, text: oroByDate[mainPlot.fecha] ? oroByDate[mainPlot.fecha] : "", }) : null ] }) }33:T4de,{ if (mainPlot) { const mes = dataByFecha[mainPlot.fecha] const labels = { divisas: 'Divisas', oro: 'Oro', deg: 'DEG', fmi: 'Tramo de Reservas' } const scale = { tickSize: 0, label: null } return Plot.plot({ marginLeft: 50, marginRight: 20, marginTop: 0, height: 120, x: { ...scale, domain: [0, maxValor * 1.1] }, y: { axis: null }, style: { fontFamily: "Archivo", color: colors.scale }, marks: [ Plot.gridX({ stroke: colors.grid, strokeWidth: 1, strokeOpacity: 0.5 }), Plot.barX(mes, { x: 'valor', y: 'orden', insetTop: 2, insetBottom: 2, fill: d => colors[d.reserva], stroke: colors.scale, strokeWidth: .5, title: d => `\$ ${d.valor}M` , tip: true }), Plot.text(mes, { x: 'valor', y: 'orden', text: d => labels[d.reserva], textAnchor: 'start', fill: '#000', dy: 0, dx: 7 }) ] }) } else { return html`

` } }34:[{"id":"ca148087482fcc11f8f1800ea031d14a9a38a5e3d23f22cd749a129e4bb00a94b6136a7fac7eabb28e3ee6ff77a75e6b8b3f9062ff98b79deecdf959d04a9b98","href":"https://static.observableusercontent.com/files/ca148087482fcc11f8f1800ea031d14a9a38a5e3d23f22cd749a129e4bb00a94b6136a7fac7eabb28e3ee6ff77a75e6b8b3f9062ff98b79deecdf959d04a9b98","name":"reservas_bcb@5.csv","type":"text/csv","lastModified":1746476781146.104,"size":16774},{"id":"9ea2fa7e2103a733e4a2c39ea21f75dc0bba24d5d94159187a1e139acb459bf2bb7d142581cd98217b6b70cf1d5544dfdf10502b28dac2b7d7bdd41cbd0f2414","href":"https://static.observableusercontent.com/files/9ea2fa7e2103a733e4a2c39ea21f75dc0bba24d5d94159187a1e139acb459bf2bb7d142581cd98217b6b70cf1d5544dfdf10502b28dac2b7d7bdd41cbd0f2414","name":"oro.csv","type":"text/csv","lastModified":1746480067203.993,"size":179},{"id":"fff36ad10191a97740815e93dc1d78c54e716c7339ea35b37cbae47f7af9fef331ad55833330be13cf8f5dcf243a1e580f85fccb466d43f9c56db50557cea2e3","href":"https://static.observableusercontent.com/files/fff36ad10191a97740815e93dc1d78c54e716c7339ea35b37cbae47f7af9fef331ad55833330be13cf8f5dcf243a1e580f85fccb466d43f9c56db50557cea2e3","name":"oro@1.csv","type":"text/csv","lastModified":1746481616452.339,"size":195},{"id":"632cbcc10eebc03728806d5bae818d8dfc33d31e6093cc3ea8bcafde722e0d19f0f0e4ccca2c0b644ba64a6eb50b6a80a759f4171f29515eede5dc9c53bc72cd","href":"https://static.observableusercontent.com/files/632cbcc10eebc03728806d5bae818d8dfc33d31e6093cc3ea8bcafde722e0d19f0f0e4ccca2c0b644ba64a6eb50b6a80a759f4171f29515eede5dc9c53bc72cd","name":"reservas.csv","type":"text/csv","lastModified":1756935746422.754,"size":16764},{"id":"ae246effbc6461c2be9dd402aa22eefde78a764bae6f8dee5ea2a56fe99798f68e1d4f1623233d1836ae30a677bab4a631e6d748e56d017ffb85a5ddb0561441","href":"https://static.observableusercontent.com/files/ae246effbc6461c2be9dd402aa22eefde78a764bae6f8dee5ea2a56fe99798f68e1d4f1623233d1836ae30a677bab4a631e6d748e56d017ffb85a5ddb0561441","name":"reservas@1.csv","type":"text/csv","lastModified":1756935805772.386,"size":16764},{"id":"ca148087482fcc11f8f1800ea031d14a9a38a5e3d23f22cd749a129e4bb00a94b6136a7fac7eabb28e3ee6ff77a75e6b8b3f9062ff98b79deecdf959d04a9b98","href":"https://static.observableusercontent.com/files/ca148087482fcc11f8f1800ea031d14a9a38a5e3d23f22cd749a129e4bb00a94b6136a7fac7eabb28e3ee6ff77a75e6b8b3f9062ff98b79deecdf959d04a9b98","name":"reservas_bcb-5.csv","type":"text/csv","lastModified":1756935891151.808,"size":16774},{"id":"ca148087482fcc11f8f1800ea031d14a9a38a5e3d23f22cd749a129e4bb00a94b6136a7fac7eabb28e3ee6ff77a75e6b8b3f9062ff98b79deecdf959d04a9b98","href":"https://static.observableusercontent.com/files/ca148087482fcc11f8f1800ea031d14a9a38a5e3d23f22cd749a129e4bb00a94b6136a7fac7eabb28e3ee6ff77a75e6b8b3f9062ff98b79deecdf959d04a9b98","name":"reservas_bcb-5@1.csv","type":"text/csv","lastModified":1756935906263.896,"size":16774},{"id":"8790c592bfdeee955f662834e99a1470801adf323e2b5b93339b33d007fed679d025c1fff70d9cbb8cb7ebe5191dbcade7a9255361345cd232a3d7e306db28e2","href":"https://static.observableusercontent.com/files/8790c592bfdeee955f662834e99a1470801adf323e2b5b93339b33d007fed679d025c1fff70d9cbb8cb7ebe5191dbcade7a9255361345cd232a3d7e306db28e2","name":"reservas@2.csv","type":"text/csv","lastModified":1756936153193.064,"size":17216},{"id":"2e0e1874707c6af9cc18fcc072e30c41a9c9eceef7bdecdc2fb0529481edc97b47432ae737eab2d6918f4c9e658a12886dff7fef5b6f8194521f874ffb2b54ed","href":"https://static.observableusercontent.com/files/2e0e1874707c6af9cc18fcc072e30c41a9c9eceef7bdecdc2fb0529481edc97b47432ae737eab2d6918f4c9e658a12886dff7fef5b6f8194521f874ffb2b54ed","name":"oro@2.csv","type":"text/csv","lastModified":1756936288074.382,"size":212}] 2f:{"title":"Reservas Internacionales","cells":[{"id":0,"value":"# Reservas Internacionales\n## del Banco Central de Bolivia","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":424,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"{\n const scale = {\n axis: false,\n tickSize: 0,\n label: '',\n labelArrow: 'none'\n }\n const filtered = data.filter(d => d.reserva != 'total')\n return Plot.plot({\n marginLeft: 50,\n marginRight: 25,\n height: 50,\n x: {\n ...scale\n },\n y: {\n ...scale\n },\n marks: [\n \n Plot.areaY(filtered, {\n x: 'fecha',\n y: 'valor',\n z: 'reserva',\n stroke: colors.pointer,\n strokeWidth: .5,\n fill: d => colors[d.reserva],\n fillOpacity: 1,\n offset: \"normalize\",\n order: 'sum'\n }),\n\n mainPlot ? Plot.ruleX(filtered, {\n x: mainPlot.fecha,\n stroke: colors.scale,\n stroke: colors.pointer,\n strokeDasharray: \"1,4\",\n strokeOpacity: 0.01,\n strokeWidth: 1\n }) : null\n \n ]\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"Fuentes:\n- 2013 a 2022: [*Reportes semanales del Banco Central de Bolivia*](https://www.bcb.gob.bo/?q=estad-sticas-semanales)\n- 2023: [_Reporte del 4 de Enero de 2024_](https://www.bcb.gob.bo/webdocs/rendimiento_ingresion_inversion/RIN_BCB_dic-23_.pdf)\n- 2024: [_Reporte del 2 de Septiembre de 2024_](https://www.bcb.gob.bo/webdocs/rendimiento_ingresion_inversion/RIN_BCB_ago-24.pdf), [_Reporte del 2 de Enero de 2025_](https://www.bcb.gob.bo/webdocs/rendimiento_ingresion_inversion/RIN_BCB_dic-24.pdf)\n- 2025: [_Reporte del 30 de abril de 2025_](https://www.bcb.gob.bo/webdocs/rendimiento_ingresion_inversion/RIN_BCB_abr-25_0.pdf) y [_del 2 de septiembre de 2025_](https://www.bcb.gob.bo/webdocs/rendimiento_ingresion_inversion/RIN_BCB_ago-25.pdf)\n- _Cada valor corresponde al nivel de reservas a fin de mes._","pinned":false,"hidden":false,"mode":"md"},{"id":352,"value":"{\n let downloadData = new Blob([d3.csvFormat(data)], { type: \"text/csv\" });\n \n const button = DOM.download(\n downloadData,\n 'reservas_bcb.csv',\n `Descarga los datos en formato csv`\n );\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":336,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":422,"value":"oro = d3.csvParse(\n await FileAttachment(\"oro@2.csv\").text(),\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":478,"value":"oroByDate = oro.reduce((acc, {fecha, total}) => {\n acc[fecha] = total;\n return acc;\n}, {});","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"data = d3.csvParse(\n await FileAttachment(\"reservas@2.csv\").text(),\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"dataByFecha = {\n const orden = {\n 'divisas': 1,\n 'oro': 2,\n 'deg': 3,\n 'fmi': 4\n }\n return data.reduce((result, d) => {\n if (d.reserva != 'total') {\n \n const fecha = d.fecha;\n const o = {\n reserva: d.reserva,\n valor: d.valor,\n orden: orden[d.reserva]\n }\n \n if (result[fecha]) {\n result[fecha].push(o);\n } else {\n result[fecha] = [o];\n }\n }\n \n return result;\n \n }, {});\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"colors = ({\n line: \"#34A853\",\n grid: \"#E8EAED\",\n scale: \"#5c5c5e\",\n pointer: \"#5c5c5e\",\n divisas: '#d8e8dc',\n oro: '#e9f0ea',\n deg: '#f7faf8',\n fmi: '#fff'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"maxValor = data.filter(d => d.reserva != 'total').reduce((max, d) => (d.valor > max.valor ? d : max)).valor","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"function withGradient({color, id = DOM.uid(\"gradient\").id}, callback) {\n return [\n callback(`url(#${id})`),\n () => svg`\n \n \n \n \n \n \n `\n ];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W34","stdlib":"1","titling":"auto"}