3e:null 3f:["$","title",null,{"children":"Indicadores relacionados con delitos violentos en los EEUU en el año 1973 | Jose Consuegra's Workspace | Observable"}] 45:T9d9,chart = { // Specify the chart’s dimensions. In this case we use the bounding box of the projected // US-Atlas, see https://github.com/topojson/us-atlas const width = 975; const height = 610; // Create the color scale. const color = d3.scaleSequential(d3.extent(Array.from(data.values()).flat()), d3.interpolateReds).nice(); // The path generator is used to draw the shapes and to compute their centroids. const path = d3.geoPath(); // Create the SVG container. const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("width", width) .attr("height", height) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("style", "max-width: 100%; height: auto;"); svg.append("path") .datum(topojson.mesh(us, us.objects.states)) .attr("fill", "none") .attr("stroke", "#ccc") .attr("d", path); function transform(d, year) { const [x, y] = path.centroid(d); if (indicador == "UrbanPop") return ` translate(${x},${y}) scale(${Math.sqrt(data.get(STATES[d.id])[0]/100)}) translate(${-x},${-y}) `; else { let escalado = data.get(STATES[d.id])[0] / variable_max_value; return ` translate(${x},${y}) scale(${Math.sqrt(escalado)}) translate(${-x},${-y}) `; //return ` // translate(${x},${y}) // scale(${Math.sqrt(data.get(STATES[d.id])[0])}) // translate(${-x},${-y}) //`; } } // Append a path for each state. const state = svg.append("g") .attr("stroke", "#000") .selectAll("path") .data(topojson.feature(us, us.objects.states).features.filter(d => data.has(STATES[d.id]))) .join("path") .attr("vector-effect", "non-scaling-stroke") .attr("d", path) .attr("fill", d => color(data.get(STATES[d.id])[0] / 100)) .attr("transform", d => transform(d, 0)); // Append tooltips. const format = (indicador == "UrbanPop") ? d3.format(".1%") : d3.format(".1f"); state.append("title") .text(d => (indicador=="UrbanPop") ? `${d.properties.name} ${format(data.get(STATES[d.id])[0]/100)}` : `${d.properties.name} ${format(data.get(STATES[d.id])[0])}` ); return Object.assign(svg.node(), { update(year) { state.transition() .duration(750) .attr("fill", d => color(data.get(STATES[d.id])[0])) .attr("transform", d => transform(d, year)); }, scales: {color} }); }46:[{"id":"75faaaca1f1a4f415145b9db520349a3a0b93a53c1071346a30e6824586a7c251f45367d9262ed148b7a2b5c2694aa7703f3ac88051abc65066fd0074fdf9c9e","href":"https://static.observableusercontent.com/files/75faaaca1f1a4f415145b9db520349a3a0b93a53c1071346a30e6824586a7c251f45367d9262ed148b7a2b5c2694aa7703f3ac88051abc65066fd0074fdf9c9e","name":"states-albers-10m.json","type":"application/octet-stream","lastModified":1699215468159.374,"size":82031},{"id":"a09e1c524bb0ee7fca50947bbee7efe87d46c94bb9fb55a7d1cae393d94d7b1d302caebd443b616fe03f2aec84a7dfc77eef16208b05346d33cb36a275f1449c","href":"https://static.observableusercontent.com/files/a09e1c524bb0ee7fca50947bbee7efe87d46c94bb9fb55a7d1cae393d94d7b1d302caebd443b616fe03f2aec84a7dfc77eef16208b05346d33cb36a275f1449c","name":"US_violent_crime.csv","type":"text/csv","lastModified":1699215909266.243,"size":1392},{"id":"4e63a765566a8873f06144543b04057cf7510513c64a845cfd4ad9daada694b18420261dcaac7dbce64bcf8a5a88fe9fb18d2375fbb6e5959a5bad1759fad2bd","href":"https://static.observableusercontent.com/files/4e63a765566a8873f06144543b04057cf7510513c64a845cfd4ad9daada694b18420261dcaac7dbce64bcf8a5a88fe9fb18d2375fbb6e5959a5bad1759fad2bd","name":"states_to_fips.json","type":"application/json","lastModified":1699216681733.989,"size":1941},{"id":"601c40c8707ce4cb6bb8cf4f1b292fa267a655f6a3d3b311251398c829acaf68103153a98e42e9adad5e1c752e9e640382979d302a3c9b837dee8038d67601a1","href":"https://static.observableusercontent.com/files/601c40c8707ce4cb6bb8cf4f1b292fa267a655f6a3d3b311251398c829acaf68103153a98e42e9adad5e1c752e9e640382979d302a3c9b837dee8038d67601a1","name":"fips_to_states.json","type":"application/json","lastModified":1699217453764.231,"size":1158}] 43:{"id":"de5cdac6d0f09896","slug":null,"title":"Indicadores relacionados con delitos violentos en los EEUU en el año 1973","thumbnail":"3dba7eb7836edf545f3791cae985df75d2b7db4805c596098badbbe521c12a49","access_level":"public","create_time":"$D2023-11-05T20:17:48.159Z","update_time":"$D2023-11-12T21:59:21.682Z","view_time":null,"first_public_time":"$D2023-11-05T22:39:43.665Z","has_unpublished_edits":null,"fork":{"id":"9273aa0adbfd9ae3","slug":"non-contiguous-cartogram","title":"Non-contiguous cartogram","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"ae0209d3bbb963c2","login":"jose-consuegra-ws","name":"Jose Consuegra's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/439564f103492d9c3cf46aa5cd9776ac20427d1c41cb5d0aff674e489e3f8234","tier":"starter_2024","bio":"","following":false},"version":610,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e35b3a1957abe610","login":"jose-consuegra","name":"Jose Consuegra","avatar_url":"https://avatars-next.observableusercontent.com/a546c9f21c24b455fbfa29017230cd397a21f2760afd0b499129416b663390d9","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"e35b3a1957abe610","login":"jose-consuegra","name":"Jose Consuegra","avatar_url":"https://avatars-next.observableusercontent.com/a546c9f21c24b455fbfa29017230cd397a21f2760afd0b499129416b663390d9","tier":null,"role":"editor"},{"type":"team","id":"ae0209d3bbb963c2","login":"jose-consuegra-ws","name":"Jose Consuegra's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/439564f103492d9c3cf46aa5cd9776ac20427d1c41cb5d0aff674e489e3f8234","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Indicadores relacionados con delitos violentos en los EEUU en el año 1973","cells":[{"id":0,"value":"# Indicadores relacionados con delitos violentos en los EEUU en el año 1973\n\nFuente: https://www.kaggle.com/datasets/mathchi/violent-crime-rates-by-us-state\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":504,"value":"viewof indicador = {\n const input = Inputs.radio(new Map([[\"Asesinato\", \"Murder\"], \n [\"Agresión\", \"Assault\"], \n [\"% Población residente en área Urbana\",\"UrbanPop\"], \n [\"Violación\",\"Rape\"]]), \n { value: \"Murder\" });\n const t = setTimeout(() => {\n input.value = \"Murder\";\n input.dispatchEvent(new Event(\"input\"));\n }, 2000);\n input.addEventListener(\"input\", () => clearTimeout(t));\n return input;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"// leyenda\n{\n return legend({color: chart.scales.color, title: etiqueta, tickFormat: formato_etiqueta})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":609,"value":"

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":374,"value":"chart.update(indicador)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = {\n if (indicador==\"Murder\")\n return new Map((await FileAttachment(\"US_violent_crime.csv\").csv()).map(({state, Murder}) => [state, [+Murder, +Murder]]));\n if (indicador==\"Assault\")\n return new Map((await FileAttachment(\"US_violent_crime.csv\").csv()).map(({state, Assault}) => [state, [+Assault, +Assault]]));\n\n if (indicador==\"UrbanPop\") \n return new Map((await FileAttachment(\"US_violent_crime.csv\").csv()).map(({state, UrbanPop}) => [state, [+UrbanPop, +UrbanPop]]));\n \n if (indicador==\"Rape\")\n return new Map((await FileAttachment(\"US_violent_crime.csv\").csv()).map(({state, Rape}) => [state, [+Rape, +Rape]]));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"indicador","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"// Recupera el valor mínimo de la variable cargada\nvariable_min_value = {\n let valorMinimo = +Infinity; \n\n // Itera a través de los valores del Map\n for (const valor of data.values()) {\n console.log(valor[0]);\n if (valor[0] < valorMinimo)\n valorMinimo = valor[0];\n }\n return valorMinimo;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"// Recupera el valor mínimo de la variable cargada\nvariable_max_value = {\n let valorMaximo = -Infinity; \n\n for (const valor of data.values()) {\n if (valor[0] > valorMaximo)\n valorMaximo = valor[0];\n }\n return valorMaximo;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"FIPS = {\n return FileAttachment(\"states_to_fips.json\").json();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"STATES = {\n return FileAttachment(\"fips_to_states.json\").json();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"formato_etiqueta = {\n switch (indicador) {\n case \"Murder\" :\n return \"2f\";\n break;\n case \"Assault\":\n return \"2f\";\n break; \n case \"Urbanpop\":\n return \"%\";\n break;\n case \"Rape\":\n return \"2f\";\n break;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"etiqueta = {\n switch (indicador) {\n case \"Murder\" :\n return \"Ratio de Asesinatos por cada 100.000 habitantes\"\n break;\n case \"Assault\":\n return \"Ratio de Agresiones por cada 100.000 habitantes\"\n break; \n case \"UrbanPop\":\n return \"% de personas que viven en área urbana\"\n break;\n case \"Rape\":\n return \"Ratio de Violaciones por cada 100.000 habitantes\"\n break;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"us = FileAttachment(\"states-albers-10m.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"