2f:T405,comparison_chart = Plot.plot({ y: { label: null, ticks: 0 }, width: 400, height: 500, color: { legend: false, // domain: ["Corrections and Police", "Proposition 47 Programs"], range: ["#15a8e0", "#f15a2c"] }, marks: [ Plot.axisX({ label: null, lineWidth: 8, marginBottom: 75 }), Plot.barY(comparison_data, { x: "series", y: (d) => d["value"] / 1000000000, fill: "series", tip: false }), Plot.ruleY([0]), Plot.text(comparison_data, { x: "series", y: (d) => d["value"] / 1000000000, dy: -8, text: (d) => d.value > 1000000000 ? `$${d3.format(".3")(d.value / 1000000000)} billion` : `$${d3.format(".3")(d.value / 1000000)} million` }) ], caption: `Source: Center of Juvenile and Criminal Justice, Unseen Billions (2024) and California Department of Finance, Fund Condition Statements, 5227 Board of State and Community Corrections https://ebudget.ca.gov/2025-26/pdf/GovernorsBudget/5210/5227FCS.pdf.` })30:T9c2,force_map = { const path = d3.geoPath(); const container = html``; const svg = d3 .select(container) .append("svg") .attr("id", "map") .attr("viewBox", [0, 0, width - 50, 750]); const div = d3.select(container).append("div").classed("tooltip", true); // create a new tooltip, // passing it a selection for the tooltip's DOM element. const tooltip = new Tooltip(div); // function that sets the tooltip's HTML when revealed // can be passed the hovered selection's datum function tooltipContents(datum) { const { name, funding, narrative, type } = datum; if (type == "Victim Services") return `${name}: ${narrative}`; else return `${name}: ${funding}
${narrative}`; } svg .append("g") .selectAll("path") .data(counties.features) .join("path") .attr("fill", "white") .attr("d", path) .attr("class", "county"); svg .append("path") .datum(counties) .attr("fill", "none") .attr("stroke", "black") .attr("stroke-linejoin", "round") .attr("d", path); const circle_elements = svg.selectAll("g").data(data).join("g"); const circle_groups = circle_elements .append("g") .attr( "transform", ({ x, y }) => `translate(${mercator([x, y]).join(",")})` ); circle_groups .append("circle") .attr("r", 5) .attr("fill", (d) => d.type == "School Success Program" ? "#15a8e0" : d.type == "Victim Services" ? "#f15a2c" : "#023e8a" ) .attr("fill-opacity", 0.8) .on("mouseover", (event, d) => { // reveal the tooltip. // pass the current datum (if desired), // and a render function that returns an HTML string (required) tooltip.display(d, tooltipContents); }) .on("mouseout", () => { // hide the tooltip tooltip.hide(); }) .on("mousemove", (event) => { // move the tooltip, // passing the native browser event tooltip.move(event); }); // svg.append("g").attr("transform", "translate(300,40)").call(legend); return container; }31:[{"id":"11d384f00f21e71443d64e5979c65283a39e68a16ac79d504bbf1281d1e2783fd801ca03e472c0a48bc3d019c12250a7120b0ff512ea6325f6dd058324a53402","href":"https://static.observableusercontent.com/files/11d384f00f21e71443d64e5979c65283a39e68a16ac79d504bbf1281d1e2783fd801ca03e472c0a48bc3d019c12250a7120b0ff512ea6325f6dd058324a53402","name":"california-counties-mercator.topojson","type":"application/octet-stream","lastModified":1741291873465.291,"size":77902},{"id":"5d6d0984184485435397337783762dd5053f60f3493564020761af6733808a2e9c1597b346bbd51c61b153c25ea1755b56f31c303e309d73bc61f685a1141e7a","href":"https://static.observableusercontent.com/files/5d6d0984184485435397337783762dd5053f60f3493564020761af6733808a2e9c1597b346bbd51c61b153c25ea1755b56f31c303e309d73bc61f685a1141e7a","name":"nodes2 - lat lon no overlap modified.csv","type":"text/csv","lastModified":1741291892489.495,"size":111846}] 2d:{"title":"Counties receive 23 times as much money from AB109 as the Safe Neighborhoods and Schools Fund","cells":[{"id":0,"value":"# Counties receive 23 times as much money from AB109 as the Safe Neighborhoods and Schools Fund","pinned":false,"hidden":false,"mode":"md"},{"id":10,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"","pinned":false,"hidden":false,"mode":"md"},{"id":62,"value":"# The Safe Neighborhood and Schools Fund supports Trauma Recovery Centers, homelessness prevention and drug treatment programs, and dropout prevention programs across the state.","pinned":false,"hidden":false,"mode":"md"},{"id":66,"value":" Trauma Recovery Centers
\n Delinquency Prevention Programs \n Homelessness and crime prevention programs","pinned":false,"hidden":false,"mode":"md"},{"id":40,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"Data and dependencies","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"mercator = d3\n .geoMercator()\n .center([-119, 37.4])\n .scale((1 << 18) / (28 * Math.PI))\n .translate([320, 320])","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"counties = {\n const attachment = FileAttachment(\"california-counties-mercator.topojson\");\n const json = await attachment.json();\n return topojson.feature(json, json.objects.counties);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"d3 = require(\"d3@7\", \"d3-tile@1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"comparison_data = [\n {\n series: \"AB109 Funding\",\n value: 2000000000\n },\n {\n series: \"Safe Neighborhods and Schools Fund\",\n value: 88000000\n }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"tooltip_width = width / 2 < 400 ? (width / 2).toString().concat(\"px\") : \"450px\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"import { Tooltip } from \"@clhenrick/tooltip-component\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"data = FileAttachment(\"nodes2 - lat lon no overlap modified.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"","pinned":false,"hidden":false,"mode":"md"}],"files":"$W31","stdlib":"1","titling":"auto"}