30:T45a,gallup_chart1 = Plot.plot({ width: width * 0.8, height: height * 0.6, color: { legend: true, domain: ["Nationally", "Where you live"], range: ["#15a8e0", "#f15a2c"] }, x: { label: null, domain: ["Not at all", "Not too", "Somewhat", "Very", "Extremely"] }, y: { label: "%" }, marks: [ Plot.ruleY([0]), Plot.dot( gallup_data.filter((d) => d.area == "Nationally"), { x: "response", y: "value", z: "area", fill: "area", tip: { format: { title: (d) => `${d.response}: ${d.value}%`, stroke: false } } } ), Plot.line( gallup_data.filter((d) => d.area == "Nationally"), { x: "response", y: "value", z: "area", stroke: "area" } ), Plot.text( gallup_data.filter((d) => d.area == "Nationally"), { x: "response", y: "value", dy: -10, text: (d) => `${d.value}%` } ) ], caption: `Source: Gallup, https://news.gallup.com/poll/1603/crime.aspx` })31:T466,gallup_chart3 = Plot.plot({ width: width * 0.8, height: height * 0.6, color: { legend: true, domain: ["Nationally", "Where you live"], range: ["#15a8e0", "#f15a2c"] }, x: { label: null, domain: ["Not at all", "Not too", "Somewhat", "Very", "Extremely"] }, y: { label: "%" }, marks: [ Plot.ruleY([0]), Plot.dot( gallup_data.filter((d) => d.area == "Where you live"), { x: "response", y: "value", z: "area", fill: "area", tip: { format: { title: (d) => `${d.response}: ${d.value}%`, stroke: false } } } ), Plot.line( gallup_data.filter((d) => d.area == "Where you live"), { x: "response", y: "value", z: "area", stroke: "area" } ), Plot.text( gallup_data.filter((d) => d.area == "Where you live"), { x: "response", y: "value", dy: -10, text: (d) => `${d.value}%` } ) ], caption: `Source: Gallup, https://news.gallup.com/poll/1603/crime.aspx` })32:T8ff,style = html` `33:[{"id":"462525b6d911d07a51927e154be0c65f3776a961c5c643e39bf9b6f80f8d8df49bdf350cf35abba85365461411b46c31449e6e1a1ba22cff02ac07a939ecf2a9","href":"https://static.observableusercontent.com/files/462525b6d911d07a51927e154be0c65f3776a961c5c643e39bf9b6f80f8d8df49bdf350cf35abba85365461411b46c31449e6e1a1ba22cff02ac07a939ecf2a9","name":"Screenshot 2023-12-05 at 3.21.37 PM.png","type":"image/png","lastModified":1701807718440.721,"size":2788216},{"id":"dcb9a838fba5a226a214f58c988a3a6f656eabdf47973bd35ee6cb342a53257779f7f27c4ad39d63082e889aab7f3d4f9a7e7f09e55f6cb190628f7c171dbcb7","href":"https://static.observableusercontent.com/files/dcb9a838fba5a226a214f58c988a3a6f656eabdf47973bd35ee6cb342a53257779f7f27c4ad39d63082e889aab7f3d4f9a7e7f09e55f6cb190628f7c171dbcb7","name":"UCR data for data viz@1.csv","type":"text/csv","lastModified":1701702017815.871,"size":6827}] 2e:{"title":"What's going on with crime rates?","cells":[{"id":0,"value":"# What's going on with crime rates?","pinned":false,"hidden":false,"mode":"md"},{"id":98,"value":"slide.md(\"callout\")`\n# What's going on with crime rates?\nCyrus O'Brien, December 7, 2023\n\n_{^{Updated January 9, 2023 to reflect October 2023 polling data from Gallup.}}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"slide.md(\"callout\")`\n People almost always think that crime is up. But we're in uncharted territory.\n\n${embed(\"https://datawrapper.dwcdn.net/fYABu/8/\")}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"slide.md(\"callout\")`\n##### US Property and Violent Crime Rates per 100k, 1960-2022\n${crime_rate_chart}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"slide.html(\n \"callout\"\n)`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"slide.md(\"callout\")`\n###### US Violent Crime Rate per 100k, 1960-2022\n${violent_rate_chart_annotated}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"slide.md(\"callout\")`\n###### Gallup Poll: How serious a problem is crime? Nationally vs. where you live?\n${gallup_chart1}\n`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":451,"value":"slide.md(\"callout\")`\n###### Gallup Poll: How serious a problem is crime? Nationally vs. where you live?\n${gallup_chart3}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":453,"value":"gallup_results = slide.md(\"callout\")`\n###### Gallup Poll: How serious a problem is crime? Nationally vs. where you live?\n${gallup_chart2}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"slide.md(\"callout\")`\nTakeaways:\n\n* The narrative about crime is divorced from people's real experiences. \n\n* Media and social media are playing an outsized role in shaping views about crime. \n\n* The people impacted by violence are not driving the debate about crime and their interests are not being represented in the debate.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":400,"value":"slide.md(\"callout\")`\nWhat does this mean for our work?\n* We have to find ways to cut through the spin and reorient the debate towards **real issues** of violence.\n\n* #### Center survivors.\n\n\n* #### Keep talking about solutions to real problems.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"## Charts","pinned":false,"hidden":false,"mode":"md"},{"id":55,"value":"violent_rate_chart_annotated = Plot.plot({\n x: { tickFormat: \"0f\" },\n width: width * 0.67,\n height: height * 0.67,\n color: {\n legend: true,\n domain: [\"property\", \"violent\"],\n range: [\"#15a8e0\", \"#f15a2c\"]\n },\n y: {label: null},\n marks: [\n Plot.ruleY([0]),\n Plot.line(\n data.filter((d) => d.category == \"violent\"),\n {\n x: \"year\",\n y: \"value\",\n z: \"category\",\n stroke: \"category\",\n tip: {\n format: {\n x: (d) => `${d}`,\n y: (d) => `${d3.format(\",.0f\")(d)} per 100k`,\n stroke: false\n }\n }\n }\n ),\n Plot.tip([`Lowest violent crime rate since 1970.`], {\n x: 2014,\n y: 362,\n\n anchor: \"top-right\",\n // lineWidth: 15,\n textPadding: 5\n })\n ],\n caption: `Source: 1960-2011 FBI crime data, compiled by Jacob Kaplan; 2012-2022 FBI Crime Data Explorer`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"crime_rate_chart = Plot.plot({\n width: width * 0.67,\n height: height * 0.67,\n marginLeft: 80,\n y: { label: null },\n\n x: { tickFormat: \"0f\", label: null },\n color: {\n legend: true,\n domain: [\"property\", \"violent\"],\n range: [\"#15a8e0\", \"#f15a2c\"]\n },\n marks: [\n Plot.ruleY([0]),\n Plot.line(\n data.filter((d) => d.category != \"homicide\"),\n {\n x: \"year\",\n y: \"value\",\n z: \"category\",\n stroke: \"category\",\n tip: {\n format: {\n x: (d) => `${d}`,\n y: (d) => `${d3.format(\",.0f\")(d)} per 100k`,\n stroke: false\n }\n }\n }\n )\n ],\n caption: `Source: 1960-2011 FBI crime data, compiled by Jacob Kaplan; 2012-2022 FBI Crime Data Explorer`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"crime_rate_chart_annotated = Plot.plot({\n x: { tickFormat: \"0f\", label: null },\n width: width * 0.67,\n height: height * 0.67,\n color: {\n legend: true,\n domain: [\"property\", \"violent\"],\n range: [\"#15a8e0\", \"#f15a2c\"]\n },\n marks: [\n Plot.ruleY([0]),\n Plot.line(\n data.filter((d) => d.category != \"homicide\"),\n {\n x: \"year\",\n y: \"value\",\n z: \"category\",\n stroke: \"category\",\n tip: {\n format: {\n x: (d) => `${d}`,\n y: (d) => `${d3.format(\",.0f\")(d)} per 100k`,\n stroke: false\n }\n }\n }\n ),\n\n Plot.tip([`2021: Lowest property crime rate since 1962.`], {\n x: 2021,\n y: 1832,\n\n anchor: \"top-right\",\n // lineWidth: 15,\n textPadding: 5\n })\n ],\n caption: `Source: 1960-2011 FBI crime data, compiled by Jacob Kaplan; 2012-2022 FBI Crime Data Explorer`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"homicide_rate = Plot.plot({\n width: width * 0.8,\n height: height * 0.8,\n x: { tickFormat: \"0f\", label: null },\n marks: [\n Plot.ruleY([0]),\n Plot.line(\n data.filter((d) => d.category == \"homicide\"),\n {\n x: \"year\",\n y: \"value\",\n z: \"category\",\n stroke: \"black\",\n tip: {\n format: {\n x: (d) => `${d}`,\n y: (d) => `${d3.format(\",.0f\")(d)} per 100k`,\n stroke: false\n }\n }\n }\n )\n ],\n caption: `Source: 1960-2011 FBI crime data, compiled by Jacob Kaplan; 2012-2022 FBI Crime Data Explorer`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":462,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":412,"value":"gallup_chart2 = Plot.plot({\n width: width * 0.8,\n height: height * 0.6,\n color: {\n legend: true,\n domain: [\"Nationally\", \"Where you live\"],\n range: [\"#15a8e0\", \"#f15a2c\"]\n },\n x: {\n label: null,\n domain: [\"Not at all\", \"Not too\", \"Somewhat\", \"Very\", \"Extremely\"]\n },\n y: {\n label: \"%\"\n },\n marks: [\n Plot.ruleY([0]),\n Plot.dot(gallup_data, {\n x: \"response\",\n y: \"value\",\n z: \"area\",\n fill: \"area\",\n tip: {\n format: {\n title: (d) => `${d.response}: ${d.value}%`,\n stroke: false\n }\n }\n }),\n Plot.line(gallup_data, {\n x: \"response\",\n y: \"value\",\n z: \"area\",\n stroke: \"area\"\n }),\n Plot.text(gallup_data, {\n x: \"response\",\n y: \"value\",\n dy: -10,\n text: (d) => `${d.value}%`\n })\n ],\n caption: `Source: Gallup, https://news.gallup.com/poll/1603/crime.aspx`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":361,"value":"gallup_bar_chart = Plot.plot({\n x: {\n axis: null,\n label: null\n },\n fx: {\n label: null,\n domain: gallup_data.map((d) => d.response).reverse()\n },\n y: { tickFormat: \"0f\", grid: false, label: \"%\" },\n color: {\n legend: true,\n domain: [\"Nationally\", \"Where you live\"],\n range: [\"#15a8e0\", \"#f15a2c\"]\n },\n marks: [\n Plot.rectY(gallup_data, {\n x: \"area\",\n y: \"value\",\n fill: \"area\",\n fx: \"response\",\n title: (d) => `${d.value}%`,\n tip: true\n }),\n\n Plot.ruleY([0])\n ],\n caption: `Source: Gallup, https://news.gallup.com/poll/1603/crime.aspx`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":475,"value":"## Data","pinned":false,"hidden":false,"mode":"md"},{"id":359,"value":"gallup_data = [\n {\n area: \"Nationally\",\n response: \"Extremely\",\n value: 26\n },\n {\n area: \"Nationally\",\n response: \"Very\",\n value: 38\n },\n {\n area: \"Nationally\",\n response: \"Somewhat\",\n value: 29\n },\n {\n area: \"Nationally\",\n response: \"Not too\",\n value: 7\n },\n {\n area: \"Nationally\",\n response: \"Not at all\",\n value: 1\n },\n {\n area: \"Where you live\",\n response: \"Extremely\",\n value: 5\n },\n {\n area: \"Where you live\",\n response: \"Very\",\n value: 12\n },\n {\n area: \"Where you live\",\n response: \"Somewhat\",\n value: 36\n },\n {\n area: \"Where you live\",\n response: \"Not too\",\n value: 31\n },\n {\n area: \"Where you live\",\n response: \"Not at all\",\n value: 16\n }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"data = FileAttachment(\"UCR data for data viz@1.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":477,"value":"## Dependencies","pinned":false,"hidden":false,"mode":"md"},{"id":95,"value":"import { slide, notes, keyBindings } from \"@mkfreeman/slides\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"keyBindings","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"divider_color = \"white\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"import { height } from \"@fil/height\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"embed = (url, { height = 400 } = {}) => {\n const iframe = html``;\n\n // The Embedly protocol is to send the height as part of a stringified object.\n // In this example, the resize message is the only message being sent; however,\n // the checks are good practice, lest we try to interpret unrelated messages as\n // resize events.\n function onMessage(msg) {\n let { data } = msg;\n\n if (msg.source === iframe.contentWindow && typeof data === \"string\") {\n try {\n // Try to parse\n data = JSON.parse(data);\n } catch {\n // The message wasn't valid JSON, so it must not be our resize event\n return;\n }\n }\n\n // Make sure it's the resize event\n if (data.context === \"iframe.resize\") {\n const { height } = data;\n iframe.style.height = height + \"px\";\n }\n }\n\n // Attach our listener for the message from the iframe\n window.addEventListener(\"message\", onMessage);\n\n return iframe;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"html`