31:T1f46,html` `32:T4e7,viewof source = { const textarea = html`

Provincia	ppg
Buenos Aires	0.4166666667
CABA	0.1666666667
Catamarca	0.4166666667
Chaco	0.6666666667
Chubut	0.08333333333
Córdoba	0.3333333333
Corrientes	0
Entre Ríos	0.1666666667
Formosa	0
Jujuy	0
La Pampa	0
La Rioja	0.1666666667
Mendoza	0.1666666667
Misiones	0
Neuquén	0.5833333333
Río Negro	0.5833333333
Salta	0
San Juan	0
San Luis	0
Santa Cruz	0
Santa Fe	0.6666666667
Santiago del Estero	0
Tierra del Fuego	0
Tucumán	0
`;
  textarea.onkeypress = event => {
    if (event.key !== "Enter" || event.shiftKey || event.altKey || event.metaKey || event.ctrlKey) return;
    let i = textarea.selectionStart;
    let j = textarea.selectionEnd;
    let v = textarea.value;
    if (i === j) {
      let k = 0;
      while (i > 0 && v[--i - 1] !== "\n");
      while (i < j && v[i] === " ") ++i, ++k;
      textarea.value = v.substring(0, j) + "\n" + new Array(k + 1).join(" ") + v.substring(j);
      textarea.selectionStart = textarea.selectionEnd = j + k + 1;
      textarea.dispatchEvent(new CustomEvent("input"));
      event.preventDefault();
    }
  };
  textarea.oninput = () => textarea.style.height = `${textarea.value.match(/^/gm).length * 21 + 8}px`;
  textarea.oninput();
  return textarea;
}33:[]
2f:{"title":"Mapa Argentina PPG","cells":[{"id":1,"value":"md`# Mapa Argentina PPG`","pinned":false,"hidden":false,"mode":"ojs"},{"id":556,"value":"viewof variable = DOM.select(data.columns.slice(1))","pinned":false,"hidden":false,"mode":"ojs"},{"id":826,"value":"viewof esPorcentaje = {\n  const form = html`<form>\n  <label>\n    <input name=checkbox type=checkbox>\n    Mostrar en porcentaje\n  </label>\n`;\n  form.checkbox.onclick = () => {\n    form.value = form.checkbox.checked;\n    form.dispatchEvent(new CustomEvent(\"input\"));\n  };\n  form.value = form.checkbox.checked;\n  return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":532,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":573,"value":"legend({\n  color: colorize,\n  title: variable,\n  tickFormat: \".2\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"chart = {\n \n   \n  provincias.each(function(d){\n    var esto = this;\n    var datalocal = data.filter(e=>e.Provincia == nombresProvincias.get(this.id))[0];\n        d3.select(esto).datum(datalocal);\n    });\n\n  labels.each(function(d){\n    var esto = this;\n        var datalocal = data.filter(e=>e.Provincia == nombresProvincias.get(this.id.slice(2)))[0];\n        d3.select(esto).datum(datalocal)\n  })\n\n  labels\n       .text(d=>d3.format(\".0%\")(d[variable]))\n        .text(d=>format(String(d[variable])))\n        //.style(\"fill\",d=>colorizeLabel(String(d[variable]).replace(\",\",\".\")))\n      .style(\"fill\",\"black\")\n  \n  provincias.style(\"fill\",d=> colorize(String(d[variable])));\n\n    \n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":585,"value":"colorize = \n//d3.scaleLinear().domain([0,0.3,0.4,0.5,0.6,0.7,1]).range([\"#ddd\",\"#ddd\",\"#b6a5d9\", \"#9801ff\",\"#b6a5d9\",\"#ddd\",\"ddd\"])\nd3.scaleLinear().domain([0,1]).range([\"#ddd\", \"#9801ff\"])\n// d3.scaleDiverging(t => d3.interpolateRdBu(1 - t))\n//   .domain([0, 0.5,1]).range([\"#3d85c6\", \"white\",\"#a64d79\"])\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":784,"value":"colorizeLabel = d3.scaleQuantize().domain(d3.extent(data, d => String(d[variable]).replace(\",\",\".\"))).range([\"#000000\",\"#ffffff\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":660,"value":"nombresProvincias = new Map([\n  [\"buenos_aires\",\"Buenos Aires\"],\n  [\"caba\",\"CABA\"],\n  [\"catamarca\",\"Catamarca\"],\n  [\"chaco\",\"Chaco\"],\n  [\"chubut\",\"Chubut\"],\n  [\"cordoba\",\"Córdoba\"],\n  [\"corrientes\",\"Corrientes\"],\n  [\"entre_rios\",\"Entre Ríos\"],\n  [\"formosa\",\"Formosa\"],\n  [\"jujuy\",\"Jujuy\"],\n  [\"la_pampa\",\"La Pampa\"],\n  [\"la_rioja\",\"La Rioja\"],\n  [\"mendoza\",\"Mendoza\"],\n  [\"misiones\",\"Misiones\"],\n  [\"neuquen\",\"Neuquén\"],\n  [\"rio_negro\",\"Río Negro\"],\n  [\"salta\",\"Salta\"],\n  [\"san_juan\",\"San Juan\"],\n  [\"san_luis\",\"San Luis\"],\n  [\"santa_cruz\",\"Santa Cruz\"],\n  [\"santa_fe\",\"Santa Fe\"],\n  [\"santiago_del_estero\",\"Santiago del Estero\"],\n  [\"tierra_del_fuego\",\"Tierra del Fuego\"],\n  [\"tucuman\",\"Tucumán\"]\n  ])","pinned":false,"hidden":false,"mode":"ojs"},{"id":705,"value":"provincias = d3.selectAll(\".pcia\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":751,"value":"labels = d3.selectAll(\"text\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"md`Cada linea es una provincia, mantener el orden y ponerle los valores que quieran usar de coloreo.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"data = d3.tsvParse(source,d3.autoType);","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"format = d3.format(esPorcentaje?\".0%\":\".2n\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":323,"value":"height = 720","pinned":false,"hidden":false,"mode":"ojs"},{"id":427,"value":"function autosize(svg) {\n  document.body.appendChild(svg);\n  const box = svg.getBBox();\n  document.body.removeChild(svg);\n  svg.setAttribute(\"viewBox\", `${box.x - 1} ${box.y - 1} ${box.width + 2} ${box.height + 2}`);\n  return svg;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"import {fit, measureWidth} from \"@mbostock/bubble-o-matic\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"import {rasterize, serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":386,"value":"import {cstParseRows} from \"@mbostock/comma-separated-tree\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":564,"value":"import {legend} from \"@d3/color-legend\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"html`<style>\n\ntextarea {\n  display: block;\n  boxSizing: border-box;\n  width: calc(100% + 28px);\n  font: var(--mono_fonts);\n  minHeight: 33px;\n  border: none;\n  padding: 4px 10px;\n  margin: 0 -14px;\n  background: rgb(247,247,249);\n  tabSize: 2;\n}\n\ntextarea:focus {\n  outline: none;\n}\n\n</style>`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}
</article></body></html>