2d:null 2e:["$","title",null,{"children":"Smith 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:T713,chargeHistogram = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, 500]); const x = d3 .scaleBand() .domain(d3.range(chargeCounts.length)) .range([margin.left, width - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, d3.max(chargeCounts, d => d.value)]) .nice() .range([500 - margin.bottom, margin.top]); const xAxis = g => g.attr("transform", `translate(0,${500 - margin.bottom})`).call( d3 .axisBottom(x) .tickFormat(i => chargeCounts[i].label) .tickSizeOuter(0) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(null, chargeCounts.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(chargeCounts.y) ); svg .append("g") .attr("fill", veraColors.black) .selectAll("rect") .data(chargeCounts) .join("rect") .attr("x", (d, i) => x(i)) .attr("y", d => y(d.value)) .attr("height", d => y(0) - y(d.value)) .attr("width", x.bandwidth()) .on("mouseover", d => { bondDataTooltip .transition() .duration(200) .style("opacity", .9); bondDataTooltip .html(`${d3.format(",")(d.value)} charges`) .style("left", d3.event.pageX + "px") .style("top", d3.event.pageY - 28 + "px"); }) .on("mouseleave", d => { bondDataTooltip .transition() .duration(500) .style("opacity", 0); }) .append("text"); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }3a:[{"id":"388bbb291633f6fad609ff332c701b15c8980408c7edd2e0e1bf4b910d6dbaa0dcbc7117f7f42958aed9685edcc76048e469ce5642c3cf925a3cc5a4c507d219","href":"https://static.observableusercontent.com/files/388bbb291633f6fad609ff332c701b15c8980408c7edd2e0e1bf4b910d6dbaa0dcbc7117f7f42958aed9685edcc76048e469ce5642c3cf925a3cc5a4c507d219","name":"smith_tx_bond_amounts_by_charge@3.csv","type":"text/csv","lastModified":1597756179643.928,"size":24631},{"id":"1def60e30a6ad95a906361821cd36dc61681e663f2684be7f2c96f356b752678b1dad28b8cbda43d7483fc86c5637a46e1491475b6662f3c49fbfc8e6ceae56d","href":"https://static.observableusercontent.com/files/1def60e30a6ad95a906361821cd36dc61681e663f2684be7f2c96f356b752678b1dad28b8cbda43d7483fc86c5637a46e1491475b6662f3c49fbfc8e6ceae56d","name":"smith_tx_bond_by_race_and_gender@1.csv","type":"text/csv","lastModified":1597756172447.146,"size":282},{"id":"54376da6ff192b1fda696cb82f30129807d336604217c1fb884e3c4e5d3369ef9275275781eef96837864a8a1746d8eac6ccb701b85c9d24e2973b21b658f6f2","href":"https://static.observableusercontent.com/files/54376da6ff192b1fda696cb82f30129807d336604217c1fb884e3c4e5d3369ef9275275781eef96837864a8a1746d8eac6ccb701b85c9d24e2973b21b658f6f2","name":"smith_tx_bookings_race_gender@2.csv","type":"text/csv","lastModified":1597756172418.102,"size":181},{"id":"5dd3a100e7095f05f87bb1f9dbc0c046df9e639fa1bd1dd8f55de2f87690b2fd3f33bc2ef0d416fed73d92eae44e473390fcc38b7ce8a2d3a415b4b3e4485593","href":"https://static.observableusercontent.com/files/5dd3a100e7095f05f87bb1f9dbc0c046df9e639fa1bd1dd8f55de2f87690b2fd3f33bc2ef0d416fed73d92eae44e473390fcc38b7ce8a2d3a415b4b3e4485593","name":"smith_tx_admissions@1.csv","type":"text/csv","lastModified":1597756172416.522,"size":3182},{"id":"ea833bc7dbbc5eb91c16616ec12e068ebd8a32b89640a5f2fd34282e6cb8e488c525b9025590348405eccd984f505b3b440334a17dba43fa71f51e1d4e4c036d","href":"https://static.observableusercontent.com/files/ea833bc7dbbc5eb91c16616ec12e068ebd8a32b89640a5f2fd34282e6cb8e488c525b9025590348405eccd984f505b3b440334a17dba43fa71f51e1d4e4c036d","name":"admissions.csv","type":"text/csv","lastModified":1602210204392.956,"size":3901},{"id":"e5be8af8fbaf6b48942fd2d3fb12fb42604149558d425a660f6c8f2c9ff1cddcb7805fdb570d08cc2dc334da71595c83c0d5ff67849f4bac0b38898ea34fcfc3","href":"https://static.observableusercontent.com/files/e5be8af8fbaf6b48942fd2d3fb12fb42604149558d425a660f6c8f2c9ff1cddcb7805fdb570d08cc2dc334da71595c83c0d5ff67849f4bac0b38898ea34fcfc3","name":"bookings_race_gender.csv","type":"text/csv","lastModified":1602210197375.09,"size":239},{"id":"89c01480fec2df99ffe5ba40d72f7b1ae8c5e1b6da14be8072e105d80a23e9253f44b48e691b5006a961778bbddbf818633e18faaa95f0c38468e1162f913899","href":"https://static.observableusercontent.com/files/89c01480fec2df99ffe5ba40d72f7b1ae8c5e1b6da14be8072e105d80a23e9253f44b48e691b5006a961778bbddbf818633e18faaa95f0c38468e1162f913899","name":"bond_by_race_and_gender.csv","type":"text/csv","lastModified":1602210185475.322,"size":382},{"id":"cb44f1a60c1e48be36b577d0945f33dcb4b8ed3af720fd5b4836b4d8dc0d8f6feaf9e7e0704c14113435bf291da8fc3cbfab1861b925e6be7aea2b95f3a5c823","href":"https://static.observableusercontent.com/files/cb44f1a60c1e48be36b577d0945f33dcb4b8ed3af720fd5b4836b4d8dc0d8f6feaf9e7e0704c14113435bf291da8fc3cbfab1861b925e6be7aea2b95f3a5c823","name":"bond_amounts_by_charge.csv","type":"text/csv","lastModified":1602210148367.589,"size":46035},{"id":"3b58c759a79c066ab2703026b28cf97f6a9bcb1e72c0f019ce74587a9d6405a250f16a3dc006eb14b7e1deb7ec5cca92d0eb164f3d917024ecf6374e1ad1b6c6","href":"https://static.observableusercontent.com/files/3b58c759a79c066ab2703026b28cf97f6a9bcb1e72c0f019ce74587a9d6405a250f16a3dc006eb14b7e1deb7ec5cca92d0eb164f3d917024ecf6374e1ad1b6c6","name":"bond_amounts@1.csv","type":"text/csv","lastModified":1602210140318.435,"size":35163},{"id":"18400caea1e622098115641d03feb2d4d4e45a1238f0357b4efb5ebf6072399dad44dcf5bc5960b344de3b23d812a9d26f85c5b9f756e905c3f4761623092c95","href":"https://static.observableusercontent.com/files/18400caea1e622098115641d03feb2d4d4e45a1238f0357b4efb5ebf6072399dad44dcf5bc5960b344de3b23d812a9d26f85c5b9f756e905c3f4761623092c95","name":"bond_amounts.csv","type":"text/csv","lastModified":1597867367862.996,"size":30646},{"id":"b91362e14837523f18e2a47edc327e2f20239a9d878a696b8b1df939ce15560fd729ef1dd6462553ce8ce8c7641b1aca1e2ad900b8eb7166d4c8eb88c89e41be","href":"https://static.observableusercontent.com/files/b91362e14837523f18e2a47edc327e2f20239a9d878a696b8b1df939ce15560fd729ef1dd6462553ce8ce8c7641b1aca1e2ad900b8eb7166d4c8eb88c89e41be","name":"admissions@1.csv","type":"text/csv","lastModified":1605818188252.094,"size":4460},{"id":"24a97fcf9b2254bee5912f62f8ec90b5e909c2e4d9f78daf284e956e17ef1e113bad2b6041b8944e833cd1c93fe96f44eca81c0c625bb577fcbacaf2950cc0e8","href":"https://static.observableusercontent.com/files/24a97fcf9b2254bee5912f62f8ec90b5e909c2e4d9f78daf284e956e17ef1e113bad2b6041b8944e833cd1c93fe96f44eca81c0c625bb577fcbacaf2950cc0e8","name":"bookings_race_gender@1.csv","type":"text/csv","lastModified":1605818195076.836,"size":240},{"id":"8115a0c418401223e51a5e59d303c3aa8ea99241865a3bfc9a77151e3a698f30d27641569de17d20998c72e0fa0f9a49a0b6b54035016c2e86eeaff9a8bd1c97","href":"https://static.observableusercontent.com/files/8115a0c418401223e51a5e59d303c3aa8ea99241865a3bfc9a77151e3a698f30d27641569de17d20998c72e0fa0f9a49a0b6b54035016c2e86eeaff9a8bd1c97","name":"bond_amounts_by_charge@1.csv","type":"text/csv","lastModified":1605818209497.52,"size":46130},{"id":"6481c7719489d406000241da19cb02262359784465f3d8779f47f3ec20edff30e6654a7fc6473014f1d7d5c9d125dabb5383338d74e7d189d296aebb12830606","href":"https://static.observableusercontent.com/files/6481c7719489d406000241da19cb02262359784465f3d8779f47f3ec20edff30e6654a7fc6473014f1d7d5c9d125dabb5383338d74e7d189d296aebb12830606","name":"bond_amounts@2.csv","type":"text/csv","lastModified":1605818226873.671,"size":39503},{"id":"4abfd0574082b1bf4c5e08321b34f95682f3de421fb5423c57bb226259a65bafdd83bcd7e96c734e2776c645c3f07be424652024ed41d46ad59e5ebc21f1e0da","href":"https://static.observableusercontent.com/files/4abfd0574082b1bf4c5e08321b34f95682f3de421fb5423c57bb226259a65bafdd83bcd7e96c734e2776c645c3f07be424652024ed41d46ad59e5ebc21f1e0da","name":"bond_by_race_and_gender@1.csv","type":"text/csv","lastModified":1605818201586.636,"size":386}] 31:{"id":"c73f0f4e37f16b7b","slug":"smith-county-tx","title":"Smith County, TX","thumbnail":"63a2ad7f40f431a5cbea23da8e30e2fc86fccef30ad85623839a5e0d23c5cfa2","access_level":"public","create_time":"$D2020-07-29T20:00:51.220Z","update_time":"$D2020-12-11T18:32:14.735Z","view_time":null,"first_public_time":"$D2020-10-13T21:09:40.677Z","has_unpublished_edits":null,"fork":false,"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":875,"publish_version":875,"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":"team","id":"67cfedd8a7d04aed","login":"in-our-backyards","name":"In Our Backyards","avatar_url":"https://avatars-next.observableusercontent.com/21af794ea378a15c02e7b995210645c94015757a50cf61103cea9bba84adcde4","tier":"pro","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"Smith County, TX","cells":[{"id":282,"value":"md`# Smith 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[Smith County Court Records Inquiry](https://judicial.smith-county.com/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 Smith 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 .175,\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 0.085,\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 declined by about half from mid-March to mid-April, and has steadily risen since.\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":848,"value":"md`The average person booked by the Smith County Sheriff's Office had a total bond amount of\n${d3.format(\"$,\")(d3.median(bondData))}.`","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":855,"value":"md`People admitted to the jail in 2020 stayed for an average of **30** days.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"md`Of the **1434** people detained pretrial with unknown bond amounts, **658** of them pled to time served, community service, or a monetary fine. Their average length of stay was **34** days.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"md`\nThere were **145** bookings where people were held for federal authorities, such as the U.S Marshals, the Federal Bureau of Prisons or ICE.\nThere were **93** bookings where people had specified immigration holds.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":750,"value":"md`There were **2** deaths in custody of a person who was booked into the jail this year.`","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":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":833,"value":"md`This bar chart shows the number of people booked in 2020 with charges in specific categories.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"$39","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@2.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":861,"value":"md`### Charge counts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"chargeCounts = [\n { label: \"Marijuana\", value: 680 },\n { label: \"Posession of Controlled Substance\", value: 975 },\n { label: \"Traffic\", value: 146 }\n\n //\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":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":"$W3a","stdlib":"1","titling":"auto"}} 32:"$31:body"