2d:null 2e:["$","title",null,{"children":"Barrios: Sintetico y hexagonal | Andres Snitcofsky | Observable"}] 33:T28b1,html` `34:T3dd7,html``35:Tcfd,viewof source = { const textarea = html`

id	Nombre	comuna	perimetro	superficie	POBLACION
1	AGRONOMIA	15	6556.16777187	2122169.34212	13912
2	ALMAGRO	5	8537.90136849	4050752.24524	131699
3	BALVANERA	3	8375.82181081	4342280.26804	138926
4	BARRACAS	4	12789.7917712	7953453.43143	89452
5	BELGRANO	13	20609.7753969	7999239.81384	126267
6	BOCA	4	20060.0039394	5036240.45441	45113
7	BOEDO	5	6602.51026593	2609850.87921	47306
8	CABALLITO	6	10990.9644715	6851028.913569999	176076
9	CHACARITA	15	7724.85295457	3115707.10627	27761
10	COGHLAN	12	4627.56313138	1279951.37256	18604
11	COLEGIALES	13	6374.61904507	2289774.10428	52551
12	CONSTITUCION	1	6326.84137473	2101994.99813	44107
13	FLORES	7	15772.4395096	8590784.13129	164310
14	FLORESTA	10	7519.6540918	2320640.73551	37575
15	LINIERS	9	9256.92732129	4374418.73677	44132
16	MATADEROS	9	11124.6357921	7398178.84035	64436
17	MONSERRAT	1	6739.22231102	2198621.94089	39914
18	MONTE CASTRO	10	7361.03641755	2627481.32508	33623
19	NUEVA POMPEYA	4	11033.5103019	4951510.87427	42695
20	NUÑEZ	13	10785.2610814	4424199.26509	51949
21	PALERMO	14	22126.5318584	15845871288	226534
22	PARQUE AVELLANEDA	9	10165.6140277	4732708.20931	53229
23	PARQUE CHACABUCO	7	8406.91432075	3832116.69922	56281
24	PARQUE CHAS	15	4531.25339628	1385411.51374	17489
25	PARQUE PATRICIOS	4	7878.43499311	3743439.99645	40985
26	PATERNAL	15	7087.51329533	2229829.03363	19717
27	PUERTO MADERO	1	17725.7208212	5040970.88514	6726
28	RECOLETA	2	21452.8386478	6317264.56056	157932
29	RETIRO	1	18837.988687	4512710.90703	65413
30	SAAVEDRA	12	11132.1393456	5538676.83282	50295
31	SAN CRISTOBAL	3	5987.22647879	2043711.12166	48611
32	SAN NICOLAS	1	6548.08475396	2289007.58259	29273
33	SAN TELMO	1	5178.03283928	1232270.15874	20453
34	VELEZ SARSFIELD	10	7045.57833172	2400518.32602	35081
35	VERSALLES	10	5650.46628643	1406833.5958	13822
36	VILLA CRESPO	15	8131.85707532	3615977.55634	81959
37	VILLA DEL PARQUE	11	7705.38979708	3399595.64148	55273
38	VILLA DEVOTO	11	11562.0068	6404480.853710001	66521
39	VILLA GRAL. MITRE	11	6290.44056056	2162275.11535	34713
40	VILLA LUGANO	8	15057.4683894	9296142.3614	126374
41	VILLA LURO	10	8652.93003127	2566936.87251	32502
42	VILLA ORTUZAR	15	5684.99521114	1853802.05203	21736
43	VILLA PUEYRREDON	12	7522.36038243	3303239.50936	39654
44	VILLA REAL	10	5070.96565244	1334146.08283	13419
45	VILLA RIACHUELO	8	10596.8267392	4232595.92479	14084
46	VILLA SANTA RITA	11	5757.75233471	2153690.81329	33325
47	VILLA SOLDATI	8	12441.6958773	8688163.55828	46779
48	VILLA URQUIZA	12	10021.4596648	5449058.92285	91563
`;
  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;
}36:[]
31:{"id":"139212d04650873a","slug":"barrios-y-covid","title":"Barrios: Sintetico y hexagonal","thumbnail":"708339d92d6c728c525227c44feb7d457e53f85a4b927a52785f905e379caeb4","access_level":"public","create_time":"$D2020-11-21T18:49:10.511Z","update_time":"$D2023-02-01T00:30:29.564Z","view_time":null,"first_public_time":"$D2020-11-21T23:25:42.956Z","fork":{"id":"c4fe137778dba3eb","slug":"porteno-o-matic","title":"Porteño-o-Matic","owner":{"id":"82fa28a4bb8e5238","login":"rusosnith","name":"Andres Snitcofsky"}},"stars":0,"starred":false,"owner":{"type":"team","id":"82fa28a4bb8e5238","login":"rusosnith","name":"Andres Snitcofsky","avatar_url":"https://avatars-next.observableusercontent.com/3ccaf0a07d8d8892515e52d8675c078e760f47c4bca250ca67026f082cd9f2ee","tier":"pro_2024"},"version":657,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6af64127e9c2630a","login":"rusosnith","name":"Andres Snitcofsky","avatar_url":"https://avatars-next.observableusercontent.com/2b262ea0f2ac88cc8e7b343d227833840f0f3f16653078effbfb00582801e631","tier":null}],"members":[{"type":"individual","id":"6af64127e9c2630a","login":"rusosnith","name":"Andres Snitcofsky","avatar_url":"https://avatars-next.observableusercontent.com/2b262ea0f2ac88cc8e7b343d227833840f0f3f16653078effbfb00582801e631","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Barrios: Sintetico y hexagonal","cells":[{"id":1,"value":"md`# Barrios: Sintetico y hexagonal\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"viewof variable = DOM.select(data.columns.slice(3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"legend({\n  color: colorize,\n  title: variable,\n  tickFormat: \"~d\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":625,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"colorize = d3.scaleQuantize().domain(d3.extent(data, d => d[variable])).range( d3.schemePurples[9])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"chart = {\n \n  const svg = d3.selectAll(\"svg\");\n\n  console.log(d3.extent(data, d => d[variable]))\n  \n  const barrios = svg.selectAll(\".barrio\").style(\"fill\",function(d){\n    console.log(data.filter(e=>e.id==this.id)[0][variable])\n    return colorize(data.filter(e=>e.id==this.id)[0][variable])\n  });\n    \n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"md`Cada linea es un barrio, mantener el nombre y el ID y ponerle los valores que quieran usar de coloreo.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"data = d3.tsvParse(source,d3.autoType);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"format = d3.format(\".2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"height = 720","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"import {fit, measureWidth} from \"@mbostock/bubble-o-matic\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"import {rasterize, serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":386,"value":"import {cstParseRows} from \"@mbostock/comma-separated-tree\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"import {legend} from \"@d3/color-legend\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}}
32:"$31:body"
</article></body></html>