3f:null 40:["$","title",null,{"children":"How blind is our justice system? | SARC5400 | Observable"}] 46:T92f,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const {nodes, links} = sankey({ nodes: graph.nodes.map(d => Object.assign({}, d)), links: graph.links.map(d => Object.assign({}, d)) }); // these are the rectangles svg.append("g") .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0) .append("title") .text(d => `${d.name}\n${d.value.toLocaleString()}`) svg.append("g") .attr("fill", "none") .selectAll("g") .data(links) .join("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", d => { if (!howToColor(d.names)) { return ("#F8F8F8") } else { if (d.names.length == 2) { return (color(d.names[0])) } else if (d.names.length == 3) { return (color(d.names[1])) } else if (d.names.length == 4) { return (color(d.names[2])) } else { return (color(d.names[3])) } } }) .attr("stroke-width", d => d.width) .style("mix-blend-mode", "multiply") .append("title") .text( d => { if (howToColor(d.names)) { // only include tooltip for highlighted links? return (`${d.names.join(" → ")}\n${d.value.toLocaleString()}`) } }); svg.append("g") .style("font", "10px sans-serif") .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(d => d.name) .append("tspan") .attr("fill-opacity", 0.7) .text(d => ` ${d.value.toLocaleString()}`); //column labels // svg.append("g") // .style("font", "15px sans-serif") // .selectAll("text") // .data(keys) // .join("text") // .attr("x", (d, i) => i*250) // .attr("y", d => 20) // .attr("dy", "0.35em") // .attr("text-anchor","start") // .text(d => d) // .append("tspan") // .attr("fill-opacity", 0.7) return svg.node(); }47:T820,function howToColor(link) { //returns true if that link should be colored // link is an array of all the factors selected, ie ["white", "Narcotics"] or ["Black", "Motor Vehicles", "None", "Not Incarceraed"] etc, 2 <= link.length < 6 if (!first) { //no radio buttons, show everything return true } else if (first && second && third && fourth && fifth) { // all radio buttons, only show links containing this exact pattern, or shorter if(link.includes(first) && link.includes(second) && link.includes(third) && link.includes(fourth) && link.includes(fifth)) { return true } else if (link.includes(first) && link.includes(second) && link.includes(third) && link.includes(fourth) && link.length == 4) { return true } else if (link.includes(first) && link.includes(second) && link.includes(third) && link.length == 3) { return true } else if (link.includes(first) && link.includes(second) && link.length == 2) { return true } else { return false } } else if (first && second && third && fourth) { if(link.includes(first) && link.includes(second) && link.includes(third) && link.includes(fourth)) { return true } else if (link.includes(first) && link.includes(second) && link.includes(third) && link.length == 3) { return true } else if (link.includes(first) && link.includes(second) && link.length == 2) { return true } else { return false } } else if (first && second && third) { if(link.includes(first) && link.includes(second) && link.includes(third)) { return true } else if (link.includes(first) && link.includes(second) && link.length == 2) { return true } else { return false } } else if (first && second) { if(link.includes(first) && link.includes(second)) { return true } else if (link.includes(first) && link.length == 1) { return true } else { return false } } else { if(link.includes(first)) { return true } else { return false } } } 48:T429,graph = { let index = -1; const nodes = []; const nodeByKey = new Map; const indexByKey = new Map; const links = []; for (const k of keys) { for (const d of data) { const key = JSON.stringify([k, d[k]]); if (nodeByKey.has(key)) continue; const node = {name: d[k]}; nodes.push(node); nodeByKey.set(key, node); indexByKey.set(key, ++index); } } for (let i = 1; i < keys.length; ++i) { const a = keys[i - 1]; const b = keys[i]; const prefix = keys.slice(0, i + 1); const linkByKey = new Map; for (const d of data) { const names = prefix.map(k => d[k]); const key = JSON.stringify(names); const value = d.value || 1; let link = linkByKey.get(key); if (link) { link.value += value; continue; } link = { source: indexByKey.get(JSON.stringify([a, d[a]])), target: indexByKey.get(JSON.stringify([b, d[b]])), names, value }; links.push(link); linkByKey.set(key, link); } } return {nodes, links}; }49:Tc52,arrAssign = { // dynamically change the order of radio buttons shown based on the chart order selected if (Selection == "Race") { viewArray.length = 0; // clear array each time viewArray.push(Inputs.radio(["Black", "White"], {label: "Race"})); viewArray.push(Inputs.radio(["Male", "Female"], {label: "Gender"})); viewArray.push(Inputs.radio(["Narcotics", "Motor Vehicle", "Larceny", "Violent", "Weapon", "Fraud", "Burglary", "Other"], {label: "Offense Type"}, {width : 1000})); //{width : num} viewArray.push(Inputs.radio(["None", "Misdemeanor", "Felony"], {label: "Conviction Type"})); viewArray.push(Inputs.radio(["Incarcerated", "Not incarcerated"], {label: "Incarceration"})); return viewArray; } else if (Selection == "Gender") { viewArray.length = 0; viewArray.push(Inputs.radio(["Male", "Female"], {label: "Gender"})); viewArray.push(Inputs.radio(["Black", "White"], {label: "Race"})); viewArray.push(Inputs.radio(["None", "Misdemeanor", "Felony"], {label: "Conviction Type"})); viewArray.push(Inputs.radio(["Narcotics", "Motor Vehicle", "Larceny", "Violent", "Weapon", "Fraud", "Burglary", "Other"], {label: "Offense Type"})); viewArray.push(Inputs.radio(["Incarcerated", "Not incarcerated"], {label: "Incarceration"})); return viewArray; } else if (Selection == "Incarcerated") { viewArray.length = 0; viewArray.push(Inputs.radio(["Incarcerated", "Not incarcerated"], {label: "Incarceration"})); viewArray.push(Inputs.radio(["None", "Misdemeanor", "Felony"], {label: "Conviction Type"})); viewArray.push(Inputs.radio(["Narcotics", "Motor Vehicle", "Larceny", "Violent", "Weapon", "Fraud", "Burglary", "Other"], {label: "Offense Type"})); viewArray.push(Inputs.radio(["Black", "White"], {label: "Race"})); viewArray.push(Inputs.radio(["Male", "Female"], {label: "Gender"})); return viewArray; } else if (Selection == "Offense Type") { viewArray.length = 0; viewArray.push(Inputs.radio(["Narcotics", "Motor Vehicle", "Larceny", "Violent", "Weapon", "Fraud", "Burglary", "Other"], {label: "Offense Type"})); viewArray.push(Inputs.radio(["None", "Misdemeanor", "Felony"], {label: "Conviction Type"})); viewArray.push(Inputs.radio(["Incarcerated", "Not incarcerated"], {label: "Incarceration"})); viewArray.push(Inputs.radio(["Black", "White"], {label: "Race"})); viewArray.push(Inputs.radio(["Male", "Female"], {label: "Gender"})); return viewArray; } else if (Selection == "Conviction Type") { viewArray.length = 0; viewArray.push(Inputs.radio(["None", "Misdemeanor", "Felony"], {label: "Conviction Type"})); viewArray.push(Inputs.radio(["Narcotics", "Motor Vehicle", "Larceny", "Violent", "Weapon", "Fraud", "Burglary", "Other"], {label: "Offense Type"})); viewArray.push(Inputs.radio(["Black", "White"], {label: "Race"})); viewArray.push(Inputs.radio(["Male", "Female"], {label: "Gender"})); viewArray.push(Inputs.radio(["Incarcerated", "Not incarcerated"], {label: "Incarceration"})); return viewArray; } if (reset > 0) { viewArray.length = 0; } }4a:[{"id":"6eea2292e4e4d5095708e84838cca244c95af51a8267bff23297b9e06bcb2d1aaee731bbb68e40d11d72f6eb5bacf19e4d30313c318c200c445d1c306288348f","href":"https://static.observableusercontent.com/files/6eea2292e4e4d5095708e84838cca244c95af51a8267bff23297b9e06bcb2d1aaee731bbb68e40d11d72f6eb5bacf19e4d30313c318c200c445d1c306288348f","name":"VA_felony_only_rel_columns@7.csv","type":"text/csv","lastModified":1683569268903.329,"size":678171},{"id":"3a1e9bb1ba5d9eb731c86c272fccb2543886aca0ef0b80add89f0471177427c5c6627d5ee5d85d011e44cc14019a0509bf309c6db2d347f9bdf7fe26723432d7","href":"https://static.observableusercontent.com/files/3a1e9bb1ba5d9eb731c86c272fccb2543886aca0ef0b80add89f0471177427c5c6627d5ee5d85d011e44cc14019a0509bf309c6db2d347f9bdf7fe26723432d7","name":"titanic.csv","type":"application/octet-stream","lastModified":1683214034417.97,"size":873}] 44:{"id":"3831d9b5c003654b","slug":"disparities-in-va-courts","title":"How blind is our justice system?","thumbnail":"4065ae9008471a3fdd9f1e4c15800ff7642f1990c5d0691c4fcc68ec78c49782","access_level":"public","create_time":"$D2023-05-04T15:27:14.417Z","update_time":"$D2023-05-09T20:48:16.519Z","view_time":null,"first_public_time":"$D2023-05-04T15:27:14.417Z","has_unpublished_edits":null,"fork":{"id":"dde4715990f04109","slug":"parallel-sets","title":"Parallel sets","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4f1573877898fdec","login":"sarc5400-elb3dy","name":"SARC5400","avatar_url":"https://avatars-next.observableusercontent.com/478c454e67eb3dc302f81b2b8d6ac94e201dfcfbbfcb2dcdfdc6f74dc22ad2b0","tier":"starter_2024","bio":"","following":false},"version":1011,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"02d79b4d33703c00","login":"elb3dy","name":"Emily Branch","avatar_url":"https://avatars-next.observableusercontent.com/4907efc05c3feb824cd8eca17f21e9ccf76ff2f49d4d5b0bb10c434ce996edca","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"02d79b4d33703c00","login":"elb3dy","name":"Emily Branch","avatar_url":"https://avatars-next.observableusercontent.com/4907efc05c3feb824cd8eca17f21e9ccf76ff2f49d4d5b0bb10c434ce996edca","tier":null,"role":"editor"},{"type":"team","id":"4f1573877898fdec","login":"sarc5400-elb3dy","name":"SARC5400","avatar_url":"https://avatars-next.observableusercontent.com/478c454e67eb3dc302f81b2b8d6ac94e201dfcfbbfcb2dcdfdc6f74dc22ad2b0","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"How blind is our justice system?","cells":[{"id":0,"value":"title = md`# How blind is our justice system?\n\nBased on a study of [Virginia Felony Court Cases from 2007 - 2015](https://www.icpsr.umich.edu/web/NACJD/studies/38274/versions/V1), choose factors of gender, race, and category of criminal charge to see how likely you are to be convicted of a felony, misdemeanor, or nothing at all. Then, see how all of those factors affect the likelihood of incarceration. `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"

Which factor would you like to base the diagram on?

Select factors for each category to see the likelihood of an outcome

\n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":731,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"width = 1100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"height = 720","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"sankey = d3.sankey()\n .nodeSort(null)\n .linkSort(null)\n .nodeWidth(4)\n .nodePadding(20)\n .extent([[0, 5], [width, height - 5]])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"color = d3.scaleOrdinal(d3.schemePastel1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"data = d3.csvParse(await FileAttachment(\"VA_felony_only_rel_columns@7.csv\").text(), d3.autoType)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"d3 = require(\"d3@6\", \"d3-sankey@0.12\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"keys_op_1 = [\"ANY_INC\", \"CONV_TYPE\", \"OFFENSE_TYPE\", \"RACE_REC\", \"GENDER\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":313,"value":"keys_op_2 = [\"GENDER\", \"RACE_REC\", 'CONV_TYPE', 'OFFENSE_TYPE', 'ANY_INC']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"keys_op_3 = [\"OFFENSE_TYPE\", \"CONV_TYPE\", \"ANY_INC\", \"RACE_REC\", \"GENDER\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"keys_op_4 = [\"RACE_REC\", \"GENDER\", \"OFFENSE_TYPE\", \"CONV_TYPE\", \"ANY_INC\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"keys_op_5 = [\"CONV_TYPE\", \"OFFENSE_TYPE\", \"RACE_REC\", \"GENDER\", \"ANY_INC\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"keys = switchSt","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"switchSt = { \n if (Selection == \"Gender\") {\n return keys_op_2;\n}\n else if (Selection == \"Incarcerated\"){\n return keys_op_1\n }\n else if (Selection == \"Offense Type\"){\n return keys_op_3\n }\n else if (Selection == \"Conviction Type\") {\n return keys_op_5\n }\n else { //Race\n return keys_op_4;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"viewArray = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":638,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 45:"$44:body"