30:T1f46,html` `31:T7d8,viewof source = { const textarea = html`

Provincia	Mujeres	ppg	Varones	total	femeneidad
Buenos Aires	8933604	5	8607537	17541141	5.092.943.498
CABA	1631101	5	1444545	3075646	5.303.279.376
Catamarca	207505	8	207933	415438	499.484.881
Chaco	610147	1	594394	1204541	5.065.390.053
Chubut	308809	2	310185	618994	4.988.885.191
Córdoba	1920838	4	1839612	3760450	5.108.000.372
Corrientes	567775	0	553026	1120801	5.065.796.694
Entre Ríos	705139	2	680822	1385961	5.087.726.134
Formosa	303980	0	301213	605193	5.022.860.476
Jujuy	390009	0	380872	770881	5.059.263.362
La Pampa	180627	0	177801	358428	5.039.422.143
La Rioja	197612	2	195919	393531	5.021.510.377
Mendoza	1011147	2	979191	1990338	5.080.277.822
Misiones	631547	1	629747	1261294	5.007.135.529
Neuquén	333987	3	330070	664057	502.949.295
Río Negro	374840	7	372770	747610	5.013.844.117
Salta	719632	0	704765	1424397	5.052.186.996
San Juan	393891	0	387326	781217	5.042.017.775
San Luis	256158	0	252170	508328	5.039.226.641
Santa Cruz	177846	0	187852	365698	4.863.193.127
Santa Fe	1813216	8	1723202	3536418	5.127.267.195
Santiago del Estero	491416	0	486897	978313	502.309.588
Tierra del Fuego	85020	0	88412	173432	4.902.209.512
Tucumán	857785	0	836871	1694656	5.061.705.739
`;
  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;
}32:[]
2e:{"title":"Argenmap-o-Matic","cells":[{"id":1,"value":"md`# Argenmap-o-Matic\n\nEditar la lista de abajo para actualizar el mapa`","pinned":false,"hidden":false,"mode":"ojs"},{"id":434,"value":"viewof rooted = {\n  const form = html`<form>\n  <label>\n    <input name=checkbox type=checkbox>\n    Mostrar nombres de barrios\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":556,"value":"viewof variable = DOM.select(data.columns.slice(1))","pinned":false,"hidden":false,"mode":"ojs"},{"id":532,"value":"$30","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":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"chart = {\n \n  provincias.each(function(d){\n    var esto = this;\n        d3.select(esto).datum(data.filter(e=>e.Provincia == nombresProvincias.get(this.id))[0]);\n  });\n\n  labels.each(function(d){\n    var esto = this;\n        d3.select(esto).datum(data.filter(e=>e.Provincia == nombresProvincias.get(this.id.slice(2)))[0])\n  })\n\n  labels\n        .text(d=>d3.format(\".3\")(d[variable]))\n        //.text(d=>d[variable])\n        .style(\"fill\",d=>colorizeLabel(d[variable]))\n  provincias.style(\"fill\",d=> colorize(d[variable]));\n\n    \n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":585,"value":"colorize = d3.scaleQuantize().domain([0,100]).range( d3.schemePurples[9])","pinned":false,"hidden":false,"mode":"ojs"},{"id":784,"value":"colorizeLabel = d3.scaleQuantize().domain(d3.extent(data, d => d[variable])).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(\".0%\")","pinned":false,"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@5\")","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":"$W32","stdlib":"1","titling":"auto"}
</article></body></html>