2d:null 2e:["$","title",null,{"children":"Denton County, TX | In Our Backyards | Observable"}] 33:T82b,racePieChart = { const height = 400; const arcs = d3 .pie() .sort(d3.ascending) .value(d => d.count)(raceGenderData); const arc = d3 .arc() .innerRadius(0) .outerRadius(Math.min(width, height) / 2 - 1); const radius = (Math.min(width, height) / 2) * 0.8; const arcLabel = d3 .arc() .innerRadius(radius) .outerRadius(radius); const color = d3 .scaleOrdinal() .domain(raceGenderData.map(d => d.count)) .range( d3 .quantize( t => d3.interpolateSpectral(t * 0.8 + 0.1), raceGenderData.length ) .reverse() ); const svg = d3 .create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); svg .append("g") .attr("stroke", "white") .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color(d.data.count)) .attr("d", arc) .on("mouseover", d => { raceGenderTooltip .transition() .duration(200) .style("opacity", .9); raceGenderTooltip .html( `${d.data.race} ${d.data.gender}
${d3.format(",")(d.data.count)} bookings
${d3.format(".0%")(d.data.count / totalBookings)}` ) .style("left", d3.event.pageX + "px") .style("top", d3.event.pageY - 28 + "px"); }) .on("mouseleave", d => { raceGenderTooltip .transition() .duration(500) .style("opacity", 0); }); svg .append("g") .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arcLabel.centroid(d)})`) .call(text => text .append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.race) ) .call(text => text .filter(d => d.endAngle - d.startAngle > 0.25) .append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(d => `${d.data.race} ${d.data.gender}`) ); return svg.node(); }34:T451,bookingsLineChart = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, 500]); svg.append("g").call(xAxis); svg.append("g").call(yAxis); svg .append("path") .datum(admissionsData) .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); const tooltip = svg.append("g"); svg.on("touchmove mousemove", function() { const bisect = d3.bisector(d => d.admissionDate).left; const date1 = x.invert(d3.mouse(this)[0]); const index = bisect(admissionsData, date1, 1); const a = admissionsData[index - 1]; const b = admissionsData[index]; const { admissionDate, count } = date1 - a.admissionDate > b.admissionDate - date1 ? b : a; tooltip .attr("transform", `translate(${x(admissionDate)},${y(count)})`) .call( callout, `${d3.timeFormat("%B %d")(admissionDate)} ${count} bookings` ); }); svg.on("touchend mouseleave", () => tooltip.call(callout, null)); return svg.node(); }35:T7c7,bookingsCalendarHeatmap = { const cellSize = 17; const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, cellSize * 9]) // .attr("font-family", "sans-serif") .attr("font-size", 10); const year = svg.append("g").attr("transform", "translate(20, 20)"); year .append("g") .attr("text-anchor", "end") .selectAll("text") .data(d3.range(7).map(i => new Date(1995, 0, i))) .join("text") .attr("x", -5) .attr("y", d => (d.getUTCDay() + 0.5) * cellSize) .attr("dy", "0.31em") .text(d => "SMTWTFS"[d.getUTCDay()]); year .append("g") .selectAll("rect") .data(admissionsData) .join("rect") .attr("width", cellSize - 1) .attr("height", cellSize - 1) .attr( "x", d => d3.utcSunday.count(d3.utcYear(d.admissionDate), d.admissionDate) * cellSize + 0.5 ) .attr("y", d => d.admissionDate.getUTCDay() * cellSize + 0.5) .attr("fill", d => color(d.count)) .append("title") .text( d => `${d3.timeFormat("%B %d")(d.admissionDate)}\n${d.count} bookings` ); const month = year .append("g") .selectAll("g") .data(d3.utcMonths(...d3.extent(admissionsData, d => d.admissionDate))) .join("g"); month .filter((d, i) => i) .append("path") .attr("fill", "none") .attr("stroke", "#fff") .attr("stroke-width", 3) .attr("d", t => { const n = 7; const d = Math.max(0, Math.min(n, t.getUTCDay())); const w = d3.utcSunday.count(d3.utcYear(t), t); return `${ d === 0 ? `M${w * cellSize},0` : d === n ? `M${(w + 1) * cellSize},0` : `M${(w + 1) * cellSize},0V${d * cellSize}H${w * cellSize}` }V${n * cellSize}`; }); month .append("text") .attr( "x", d => d3.utcSunday.count(d3.utcYear(d), d3.utcSunday.ceil(d)) * cellSize + 2 ) .attr("y", -5) .text(d3.timeFormat("%b")); return svg.node(); }36:T70d,bondHistogram = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, 500]); const x = d3 .scaleBand() .domain(d3.range(bondDataBinned.length)) .range([margin.left, width - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, d3.max(bondDataBinned, d => d.count)]) .nice() .range([500 - margin.bottom, margin.top]); const xAxis = g => g.attr("transform", `translate(0,${500 - margin.bottom})`).call( d3 .axisBottom(x) .tickFormat(i => bondDataBinned[i].name) .tickSizeOuter(0) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(null, bondDataBinned.format)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(bondDataBinned.y) ); svg .append("g") .attr("fill", veraColors.black) .selectAll("rect") .data(bondDataBinned) .join("rect") .attr("x", (d, i) => x(i)) .attr("y", d => y(d.count)) .attr("height", d => y(0) - y(d.count)) .attr("width", x.bandwidth()) .on("mouseover", d => { bondDataTooltip .transition() .duration(200) .style("opacity", .9); bondDataTooltip .html(`${d3.format(",")(d.count)} bookings`) .style("left", d3.event.pageX + "px") .style("top", d3.event.pageY - 28 + "px"); }) .on("mouseleave", d => { bondDataTooltip .transition() .duration(500) .style("opacity", 0); }); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }37:Ta68,chart = { const height = 400; const margin = { top: 50, right: 100, bottom: 50, left: 20 }; const chargeBubbleTooltip = d3 .select("body") .append("div") .attr("class", "tooltip") .style("font-size", "10pt") .style("font-family", "GT Walsheim Regular") .style("position", "absolute") .style("text-align", "center") .style("width", "auto") .style("height", "auto") .style("padding", "2px") .style("background", "#fff") .style("border", "0px") .style("pointer-events", "none") .style("opacity", 0); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const x = d3 .scalePow() .exponent(1 / 6) // .scaleSqrt() // .scaleLinear() .domain([0, d3.max(bondByCharge, d => d.mean)]) .range([margin.left, width - margin.right]); const xAxis = g => g .attr("transform", `translate(0, ${margin.top})`) .call( d3 .axisTop(x) .ticks(2) .tickFormat(d => `$${d3.format(",")(d)}`) ) .call(g => g.select(".domain").remove()); const r = d3 .scaleSqrt() .domain(d3.extent(bondByCharge, d => d.count)) .range([3, 30]); svg.append("g").call(xAxis); const color = d3 .scaleSequentialPow( [0, d3.max(bondByCharge, d => d.mean)], d3.interpolateGreys ) .exponent(1 / 6); let node = svg .append("g") .selectAll("circle") .data(bondByCharge) .join("circle") .attr("cx", d => x(d.mean)) .attr("r", d => r(d.count)) .attr("stroke", "white") .attr("stroke-width", 1) .attr("fill", d => color(d.mean)) .on("mouseover", d => { chargeBubbleTooltip .transition() .duration(200) .style("opacity", .9); chargeBubbleTooltip .html( `${d.Charge}
${d3.format("$,.2f")(d.mean)}
${d3.format(",")(d.count)} charges` ) .style("left", d3.event.pageX + "px") .style("top", d3.event.pageY - 28 + "px"); }) .on("mouseleave", d => { chargeBubbleTooltip .transition() .duration(500) .style("opacity", 0); }); const simulation = d3 .forceSimulation() .force("x", d3.forceX(d => x(d.mean))) .force("y", d3.forceY(height / 2)) .force("collide", d3.forceCollide(d => r(d.count) + 1).strength(1)); simulation.on("tick", () => { node .transition() .delay((d, i) => d.x) .ease(d3.easeLinear) .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); simulation.nodes(bondByCharge); return svg.node(); }38:T4ea,raceGenderBondChart = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, 500]); const margin = { top: 30, right: 30, bottom: 10, left: 100 }; const x = d3 .scaleLinear() .domain([0, d3.max(raceGenderBondData, d => d.total_bond_amount)]) .range([margin.left, width - margin.right]); const y = d3 .scaleBand() .domain(d3.range(raceGenderBondData.length)) .rangeRound([margin.top, 500 - margin.bottom]) .padding(0.1); const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(x).ticks(width / 80, "$,.2f")) .call(g => g.select(".domain").remove()); const yAxis = g => g.attr("transform", `translate(${margin.left},0)`).call( d3 .axisLeft(y) .tickFormat( i => `${raceGenderBondData[i].race} ${raceGenderBondData[i].gender}` ) .tickSizeOuter(0) ); svg .append("g") .attr("fill", "steelblue") .selectAll("rect") .data(raceGenderBondData) .join("rect") .attr("x", x(0)) .attr("y", (d, i) => y(i)) .attr("width", d => x(d.total_bond_amount) - x(0)) .attr("height", y.bandwidth()); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }39:[{"id":"d21a19c50d0d5abe994171ce2e7b0428701ed2e46c62a3d898dc4d9de9f52dcfde4fc1fb193a0bd890c24ebe1f0d9eca2a15ac5e5bee865e11f7fa46e16bde09","href":"https://static.observableusercontent.com/files/d21a19c50d0d5abe994171ce2e7b0428701ed2e46c62a3d898dc4d9de9f52dcfde4fc1fb193a0bd890c24ebe1f0d9eca2a15ac5e5bee865e11f7fa46e16bde09","name":"bookings_race_gender@1.csv","type":"text/csv","lastModified":1602522952671.939,"size":245},{"id":"6f23453bffd52cf9f0aab5ad7f7a0d18a3109692d4fc99c9108c133a3e047a3986f3e84faba35f1c3c474f4c85c982ac1b228e9418449cde490fc8f5f36960c2","href":"https://static.observableusercontent.com/files/6f23453bffd52cf9f0aab5ad7f7a0d18a3109692d4fc99c9108c133a3e047a3986f3e84faba35f1c3c474f4c85c982ac1b228e9418449cde490fc8f5f36960c2","name":"admissions@1.csv","type":"text/csv","lastModified":1602522960720.358,"size":3580},{"id":"aeaff290f480800686c8d395e386fc96c31135db10a53e0feec4f28ae1c2ebd4f499b70e973f497c72363eca3b7252482afd86929f2b6121ec56dceb7ce0b180","href":"https://static.observableusercontent.com/files/aeaff290f480800686c8d395e386fc96c31135db10a53e0feec4f28ae1c2ebd4f499b70e973f497c72363eca3b7252482afd86929f2b6121ec56dceb7ce0b180","name":"bond_amounts.csv","type":"text/csv","lastModified":1602522968144.225,"size":40866},{"id":"82f63f322cf4f5b73900455d853c650bebd42a2898a520f7538d6500719630958c41f4fb365593ea4762ec3ae7742412e6add323fa3bc8a9d2eee10f244396b7","href":"https://static.observableusercontent.com/files/82f63f322cf4f5b73900455d853c650bebd42a2898a520f7538d6500719630958c41f4fb365593ea4762ec3ae7742412e6add323fa3bc8a9d2eee10f244396b7","name":"bond_amounts_by_charge@1.csv","type":"text/csv","lastModified":1602522974064.223,"size":99933},{"id":"8ef7b9c96c80953a96175a6882bd643c70dc659fa165bb7227e35972d74c3c3bc8a5003d6e147f198142782cbe02bc85c0c80b11f5509d8c70e001b5b0c8a0e5","href":"https://static.observableusercontent.com/files/8ef7b9c96c80953a96175a6882bd643c70dc659fa165bb7227e35972d74c3c3bc8a5003d6e147f198142782cbe02bc85c0c80b11f5509d8c70e001b5b0c8a0e5","name":"bond_by_race_and_gender@1.csv","type":"text/csv","lastModified":1602522979858.804,"size":375}] 31:{"id":"2cf012f2ae1cd970","slug":"denton-county-tx","title":"Denton County, TX","thumbnail":"36a73e8751ff8be6de7d4b60e6c72d9053620e43ef43d20def4613490c6f5aa0","access_level":"public","create_time":"$D2020-10-12T17:15:05.378Z","update_time":"$D2020-10-12T17:18:46.451Z","view_time":null,"first_public_time":"$D2020-10-13T21:09:42.927Z","has_unpublished_edits":null,"fork":{"id":"c73f0f4e37f16b7b","slug":"smith-county-tx","title":"Smith County, TX","owner":{"id":"67cfedd8a7d04aed","login":"in-our-backyards","name":"In Our Backyards"}},"stars":0,"starred":false,"owner":{"type":"team","id":"67cfedd8a7d04aed","login":"in-our-backyards","name":"In Our Backyards","avatar_url":"https://avatars-next.observableusercontent.com/21af794ea378a15c02e7b995210645c94015757a50cf61103cea9bba84adcde4","tier":"pro"},"version":854,"publish_version":854,"role":null,"authored":false,"authors":[{"type":"individual","id":"442a4aea1910b0fd","login":"jamwalla","name":"James Wallace-Lee","avatar_url":"https://avatars-next.observableusercontent.com/e81cae6d9725dd360d20aa0522086361386a74fb1aa0d38e6dbe4acc3e589da2","tier":null}],"members":[{"type":"individual","id":"402f3a7ef7c191e2","login":"jhubley","name":"Jill","avatar_url":"https://avatars-next.observableusercontent.com/6eddd6b77d44701733cfacee8bc9aabb22e38c9a21ba002a30cb763baab9e7f0","tier":null,"role":"editor"},{"type":"individual","id":"47a7097255a2d69d","login":"jkangbrown","name":"Jacob Kang-Brown","avatar_url":"https://avatars-next.observableusercontent.com/3eaf3e97729b15d7b13bb53c3f9185cdddd1fc5b496c18a812b4d7ec5aede790","tier":null,"role":"editor"},{"type":"individual","id":"dba2a30ff0f0eb70","login":"jtagvera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/2a57936e370e8def5094226d8b5c8d1e420cb4fc0ea6aaf7785407a2d640a6b4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Denton County, TX","cells":[{"id":282,"value":"md`# Denton County, TX`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"md`\nThis notebook presents an initial analyis of ${d3.format(\",\")(totalBookings)}\nbookings scraped from the \n[Denton County Court Records Inquiry](https://justice1.dentoncounty.gov/PublicAccess/default.aspx)\nbetween\n${d3.timeFormat(\"%b %d, %Y\")(d3.min(admissionsData, d => d.admissionDate))} and\n${d3.timeFormat(\"%b %d, %Y\")(d3.max(admissionsData, d => d.admissionDate))}.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"md`\nThis pie chart shows the proportion of bookings by race and gender as reported on the website.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"md`\n*Note: Nationally, Latinx people are also overrepresented in prisons and jails, yet common data misclassification leads to distorted, lower estimates of Latinx incarceration rates and distorted, higher estimates of white incarceration rates. Smaller and inconsistent data reporting make it difficult to measure the effects of racism for incarcerated people of other racial groups.*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"md`\nBlack people in general and Black men in particular are disproportionately booked by the Denton County Sherriff's Office.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"racePie = {\n const svg = d3\n .create(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", 250);\n\n const blackBookings = d3.sum(\n raceGenderData.filter(d => d.race == \"Black\"),\n d => d.count\n );\n const blackMenBookings = raceGenderData.find(\n d => d.race == \"Black\" && d.gender == \"Male\"\n ).count;\n const blackPie = svg\n .append(\"g\")\n .call(\n pieOfShares,\n .116,\n blackBookings / totalBookings,\n \"Black\",\n [\"of county\", \"population\"],\n [\"of jail\", \"bookings\"]\n )\n .attr(\"transform\", \"translate(160, 160)\");\n\n const blackMenPie = svg\n .append(\"g\")\n .call(\n pieOfShares,\n .054,\n blackMenBookings / totalBookings,\n \"Black men\",\n [\"of county\", \"population\"],\n [\"of jail\", \"bookings\"]\n )\n .attr(\"transform\", \"translate(480, 160)\");\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"md`\nThe number of bookings per day has declined by about half since mid-March.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"key = legend({ color, title: \"Daily bookings\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"md`\nOf the ${d3.format(\",\")(totalBookings)} bookings,\n${d3.format(\",\")(bondData.filter(d => d == \"Unknown\").length)}\nhad no bond amount indicated.\nAnother ${d3.format(\",\")(bondData.filter(d => d >= 200000).length)}\nbookings had a total bond amount of $200,000 or more.\nThe following histogram shows the total bond amounts for all bookings that had a bond amount specified.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"md`Of the **1118** people detained pretrial with unknown bond amounts, **479** of them pled to time served, community service, or a monetary fine. Their average length of stay was **43** days.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"md`\nThere were **8** bookings where people had specified immigration holds.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":758,"value":"md`Each bubble represents a charge. The size of the bubble represents the number of times people were charged with that offense, while the color gradient and position from left-to-right represents the average bond amount for that charge.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"chargeCounts = [\n { label: \"Marijuana\", value: 602 },\n { label: \"Controlled Substance\", value: 1164 },\n { label: \"Trespass\", value: 204 },\n { label: \"Public Intoxication\", value: 338 },\n { label: \"Theft < $1000\", value: 234 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"md`This bar chart shows the average bond amount of people of each race and gender reported by the sheriff's office.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"totalBookings = d3.sum(raceGenderData, d => d.count)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"timeParse = d3.timeParse(\"%m/%d/%Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"margin = ({ top: 20, right: 30, bottom: 30, left: 40 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"md`### Race and gender pie chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"raceGenderData = d3.csvParse(\n await FileAttachment(\"bookings_race_gender@1.csv\").text()\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"raceGenderTooltip = d3\n .select(\"body\")\n .append(\"div\")\n .attr(\"class\", \"tooltip\")\n .style(\"font-size\", \"10pt\")\n .style(\"font-family\", \"GT Walsheim Regular\")\n .style(\"position\", \"absolute\")\n .style(\"text-align\", \"center\")\n .style(\"width\", \"auto\")\n .style(\"height\", \"auto\")\n .style(\"padding\", \"2px\")\n .style(\"background\", \"#fff\")\n .style(\"border\", \"0px\")\n .style(\"pointer-events\", \"none\")\n .style(\"opacity\", 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"md`### Bookings line chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"admissionsData = d3\n .csvParse(await FileAttachment(\"admissions@1.csv\").text())\n .map(({ admission_date, count }) => ({\n admissionDate: timeParse(admission_date),\n count: +count\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"x = d3\n .scaleUtc()\n .domain(d3.extent(admissionsData, d => d.admissionDate))\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"xAxis = g =>\n g.attr(\"transform\", `translate(0,${500 - margin.bottom})`).call(\n d3\n .axisBottom(x)\n .ticks(width / 80)\n .tickSizeOuter(0)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"y = d3\n .scaleLinear()\n .domain([0, d3.max(admissionsData, d => d.count)])\n .nice()\n .range([500 - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"yAxis = g =>\n g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())\n .call(g =>\n g\n .select(\".tick:last-of-type text\")\n .clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(\"Bookings\")\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"line = d3\n .line()\n .x(d => x(d.admissionDate))\n .y(d => y(d.count))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"callout = (g, value) => {\n if (!value) return g.style(\"display\", \"none\");\n\n g.style(\"display\", null)\n .style(\"pointer-events\", \"none\")\n .style(\"font\", \"10px sans-serif\");\n\n const path = g\n .selectAll(\"path\")\n .data([null])\n .join(\"path\")\n .attr(\"fill\", \"white\")\n .attr(\"stroke\", \"black\");\n\n const text = g\n .selectAll(\"text\")\n .data([null])\n .join(\"text\")\n .call(text =>\n text\n .selectAll(\"tspan\")\n .data((value + \"\").split(/\\n/))\n .join(\"tspan\")\n .attr(\"x\", 0)\n .attr(\"y\", (d, i) => `${i * 1.1}em`)\n .style(\"font-weight\", (_, i) => (i ? null : \"bold\"))\n .text(d => d)\n );\n\n const { x, y, width: w, height: h } = text.node().getBBox();\n\n if (w === undefined) {\n console.log(w);\n }\n text.attr(\"transform\", `translate(${-w / 2},${15 - y})`);\n path.attr(\n \"d\",\n `M${-w / 2 - 10},5H-5l5,-5l5,5H${w / 2 + 10}v${h + 20}h-${w + 20}z`\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"md`### Bookings calendar heatmap`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"color = d3\n .scaleSequential(d3.interpolateReds)\n .domain([0, d3.max(admissionsData, d => d.count)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"md`### Bond histogram`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"bondData = d3.csvParse(await FileAttachment(\"bond_amounts.csv\").text())\n.map(d => +d.total_bond_amount || d.total_bond_amount)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"bins = [250, 500, 1000, 2000, 5000, 20000, 200000]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":767,"value":"textBins = [\"Unknown\", \"Parole Violation\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"getBin = bond =>\n textBins.includes(bond) ? bond : bins.find(bin => bond <= bin)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"bondDataBinned = {\n const binCounts = bondData.reduce((result, bond) => {\n const bin = getBin(bond);\n result[bin] ? result[bin]++ : (result[bin] = 1);\n return result;\n }, {});\n\n let result = [];\n\n for (let textBin of textBins)\n result.push({ name: textBin, count: binCounts[textBin] });\n\n for (let i = 0; i <= bins.length; i++) {\n result.push({\n name:\n i == 0\n ? `<$${d3.format(\",\")(bins[i])}`\n : i == bins.length\n ? `$${d3.format(\",\")(bins[i - 1])}+`\n : `$${d3.format(\",\")(bins[i - 1] + 1)} - $${d3.format(\",\")(bins[i])}`,\n count: binCounts[bins[i]]\n });\n }\n\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":709,"value":"bondDataTooltip = d3\n .select(\"body\")\n .append(\"div\")\n .attr(\"class\", \"tooltip\")\n .style(\"font-size\", \"10pt\")\n .style(\"font-family\", \"GT Walsheim Regular\")\n .style(\"position\", \"absolute\")\n .style(\"text-align\", \"center\")\n .style(\"width\", \"auto\")\n .style(\"height\", \"auto\")\n .style(\"padding\", \"2px\")\n .style(\"background\", \"#fff\")\n .style(\"border\", \"0px\")\n .style(\"pointer-events\", \"none\")\n .style(\"opacity\", 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"md`### Bond amounts by charge`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"bondByCharge = d3.csvParse(\n await FileAttachment(\"bond_amounts_by_charge@1.csv\").text(),\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"md`### Bond by race and gender`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"raceGenderBondData = d3.csvParse(\n await FileAttachment(\"bond_by_race_and_gender@1.csv\").text(),\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"md`### Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"d3 = require(\"d3@5\", \"d3-array@2\", \"d3-format\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"import { pieOfShares, veraColors } from \"@in-our-backyards/vera-constants\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 32:"$31:body"