2b:null 2c:["$","title",null,{"children":"UMAP Cabildo Abierto | José M. Zavala González | Observable"}] 31:Tb56,viewof selection = { // Specify the chart’s dimensions. const width = 928; const height = 600; const marginTop = 20; const marginRight = 30; const marginBottom = 30; const marginLeft = 30; // Create the horizontal (x) scale, positioning N/A values on the left margin. const x = d3.scaleLinear() .domain(d3.extent(data, d => d["x"])).nice() .range([marginLeft, width - marginRight]) .unknown(marginLeft); // Create the vertical (y) scale, positioning N/A values on the bottom margin. const y = d3.scaleLinear() .domain(d3.extent(data, d => d["y"])).nice() .range([height - marginBottom, marginTop]) .unknown(height - marginBottom); // Create the SVG container. const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .property("value", []); // Append the axes. svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(d3.axisBottom(x)) .call(g => g.select(".domain").remove()) .call(g => g.append("text") .attr("x", width - marginRight) .attr("y", -4) .attr("fill", "#000") .attr("font-weight", "bold") .attr("text-anchor", "end") .text("x")); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(d3.axisLeft(y)) .call(g => g.select(".domain").remove()) .call(g => g.select(".tick:last-of-type text").clone() .attr("x", 4) .attr("text-anchor", "start") .attr("font-weight", "bold") .text("y")); if (muni_filter !== null) { svg.append("g") .attr("fill", "none") .attr("stroke", "black") .attr("stroke-width", 1.5) .selectAll("circle") .data(data) .join("circle") .attr("transform", d => `translate(${x(d["x"])},${y(d["y"])})`) .attr("r", 3) // .attr("opacity", 0.1) ; } // Append the dots. const dot = svg.append("g") .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .selectAll("circle") .data(muni_filter === null ? data : data.filter(d => d.municipio === muni_filter)) .join("circle") .attr("transform", d => `translate(${x(d["x"])},${y(d["y"])})`) .attr("r", 3); // Create the brush behavior. svg.call(d3.brush().on("start brush end", ({selection}) => { let value = []; if (selection) { const [[x0, y0], [x1, y1]] = selection; value = dot .style("stroke", "gray") .filter(d => x0 <= x(d["x"]) && x(d["x"]) < x1 && y0 <= y(d["y"]) && y(d["y"]) < y1) .style("stroke", "steelblue") .data(); } else { dot.style("stroke", "steelblue"); } // Inform downstream cells that the selection has changed. svg.property("value", value).dispatch("input"); })); return svg.node(); }32:[{"id":"53c407ee531bab128477148c9e28c49dd06bf83a93ae317e58dbb9fc819db0d4f6c4fb9646fa2fe20faad76addee20cfc360eab2362eeaec3340a5e4655b9996","href":"https://static.observableusercontent.com/files/53c407ee531bab128477148c9e28c49dd06bf83a93ae317e58dbb9fc819db0d4f6c4fb9646fa2fe20faad76addee20cfc360eab2362eeaec3340a5e4655b9996","name":"cars-2.csv","type":"application/octet-stream","lastModified":1695921560889.425,"size":20140},{"id":"67aa4feb7b693cc89661a1ed36448d58396c8d457694ce25e9b59236a923315e5b8542c673c8b0efd48871f3c7d5f6efa8904953115ff46cf714f8f99969489e","href":"https://static.observableusercontent.com/files/67aa4feb7b693cc89661a1ed36448d58396c8d457694ce25e9b59236a923315e5b8542c673c8b0efd48871f3c7d5f6efa8904953115ff46cf714f8f99969489e","name":"umap_embeddings.csv","type":"text/csv","lastModified":1695921582254.852,"size":467493},{"id":"2d1cda8d740cb2f20aaca925a8b195e7e85914d4fa36defe4d418ead83a18def1d458a2433b81933d058253ce029e4d86663b45a2741d140a2f9fb42ac9eab94","href":"https://static.observableusercontent.com/files/2d1cda8d740cb2f20aaca925a8b195e7e85914d4fa36defe4d418ead83a18def1d458a2433b81933d058253ce029e4d86663b45a2741d140a2f9fb42ac9eab94","name":"metadata.csv","type":"text/csv","lastModified":1696261232898.49,"size":541656},{"id":"f8ef83485f265e4d51cf9d2c0446f69621f1246e80b3676d17ca95388b106a47a1d0735df34e7fda4407aee4f8704ec70623f1b27da89e013f86f289b64183f7","href":"https://static.observableusercontent.com/files/f8ef83485f265e4d51cf9d2c0446f69621f1246e80b3676d17ca95388b106a47a1d0735df34e7fda4407aee4f8704ec70623f1b27da89e013f86f289b64183f7","name":"metadata_train_or_test.csv","type":"text/csv","lastModified":1696263710866.13,"size":12030}] 2f:{"id":"777030bf3df23307","slug":null,"title":"UMAP Cabildo Abierto","thumbnail":"c3054b4f833d7eda10fa3e5ccd608aa05b2e6633fc42778a01e119bcd39bdbb1","access_level":"public","create_time":"$D2023-09-28T17:19:20.889Z","update_time":"$D2023-10-02T16:32:29.085Z","view_time":null,"first_public_time":"$D2023-09-28T17:19:20.889Z","fork":{"id":"589f9a25112ad1c2","slug":"brushable-scatterplot","title":"Brushable scatterplot","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"247b19faa48b7d89","login":"jzavala-gonzalez","name":"José M. Zavala González","avatar_url":"https://avatars-next.observableusercontent.com/c80357963553ac341ea90ed3d79296a72d004aa90d9b89afd76f17e04dcf9277","tier":"starter_2024"},"version":493,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2c62f0243f8f45b0","login":"jzavala-gonzalez","name":"José M. Zavala González","avatar_url":"https://avatars-next.observableusercontent.com/c80357963553ac341ea90ed3d79296a72d004aa90d9b89afd76f17e04dcf9277","tier":null}],"members":[{"type":"individual","id":"2c62f0243f8f45b0","login":"jzavala-gonzalez","name":"José M. Zavala González","avatar_url":"https://avatars-next.observableusercontent.com/c80357963553ac341ea90ed3d79296a72d004aa90d9b89afd76f17e04dcf9277","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"UMAP Cabildo Abierto","cells":[{"id":1,"value":"# UMAP Cabildo Abierto\n\nEsta gráfica presenta un interactivo de reduccion UMAP de embeddings de la primera pagina de cada documento de Cabildo Abierto hasta ahora (Septiembre 2023). Brushing this scatterplot will show the selected data points.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"viewof muni_filter = Inputs.select([null, ...municipios], {label: \"Municipio (opcional):\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"{\n if (selection.length > 0) {\n const pct_selected = selection.length / data.length;\n return htl.html`

${selection.length} documentos seleccionados (${selection.length}/${data.length} = ${pct_selected.toLocaleString(undefined,{style: 'percent', minimumFractionDigits:1})})

`\n }\n return htl.html`

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"selection","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":350,"value":"viewof stroke_var = Inputs.select(['sesion', 'tipoArchivo', 'municipio', 'in_image_archive'], {label: \"Variable color:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"Plot.plot({\n aspectRatio: 1,\n color: {\n legend: true,\n },\n marks: [\n Plot.dot(selection, {x: \"x\", y: \"y\", tip: true,\n stroke: stroke_var,\n channels: {\n Municipio: \"municipio\",\n 'Tipo': 'tipoArchivo',\n Sesion: 'sesion',\n Nombre: 'Nombre en archivo',\n },\n }),\n // Plot.tip(selection, Plot.pointerX({x: \"x\", y: \"y\"}))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"Plot.plot({\n marginLeft: 100,\n marks: [\n // Plot.barX(selection, Plot.bin({x: \"count\", y: d => d[stroke_var], sort: {y: \"x\", reverse: true}})),\n Plot.barX(selection, Plot.groupY({x: \"count\"}, {y: d => d[stroke_var], fill: stroke_var, tip: true})),\n Plot.ruleX([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"Plot.plot({\n aspectRatio: 1,\n color: {\n legend: true,\n scheme: 'Blues'\n },\n marks: [\n // Plot.density(data, {x: 'x', y: 'y', bandwidth: 10}),\n Plot.rect(data, Plot.bin({fill: \"count\"}, {x: \"x\", y: \"y\", thresholds: 20, tip:true})),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"Plot.plot({\n aspectRatio: 1,\n color: {\n legend: true,\n domain: [true, false],\n range: ['orange', 'red'],\n },\n marks: [\n Plot.frame(),\n Plot.dot(data, {x: \"x\", y: \"y\", opacity: 1}),\n Plot.dot(data, {\n x: \"x\", y: \"y\", opacity: 1,\n fill: 'in_image_archive',\n fx: 'in_image_archive',\n sort: {fx: 'x'},\n }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"Plot.plot({\n aspectRatio: 1,\n color: {\n legend: true,\n domain: ['train', 'test'],\n range: ['green', 'lightblue']\n },\n marks: [\n Plot.frame(),\n Plot.dot(data.filter(d => d.in_image_archive), {x: \"x\", y: \"y\"}),\n Plot.dot(data.filter(d => d.in_image_archive),\n {x: \"x\", y: \"y\",\n fx: 'train_or_test', fill: 'train_or_test',\n sort: {fx: \"-x\"}\n }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"selection","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"municipios = {\n const munis = [...new Set(data.map(d => d.municipio))];\n munis.sort()\n return munis\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"data = {\n let data = await FileAttachment(\"umap_embeddings.csv\").csv({typed: true})\n data = aq.from(data)\n .join_left(\n aq.from(metadata).select(['ID', 'train_or_test']).derive({'in_image_archive': true}),\n 'ID'\n )\n .impute({ in_image_archive: () => false })\n .objects()\n return data\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"metadata = {\n let metadata = await FileAttachment(\"metadata.csv\").csv({typed: true});\n let train_or_test = await FileAttachment(\"metadata_train_or_test.csv\").csv({typed: true});\n \n metadata = aq.from(metadata)\n .join_left(\n aq.from(train_or_test),\n 'ID'\n )\n .objects()\n return metadata\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":416,"value":"import { aq, op } from '@uwdata/arquero'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"Thanks to [John Alexis Guerra Gómez](/@john-guerra) for suggestions.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"