2b:null 2c:["$","title",null,{"children":"WBEZ: Water Debt Investigation | Charmaine Runes | Observable"}] 31:T7df,viewof maps = { const outerContainer = html`

${style()}

` const mapContainer = html`

` const hed = html`

Sixty percent of the city’s water debt is concentrated in majority-Black ZIP codes

` const subhed = html`

The ZIP codes with the highest debt burden are majority-Black or Latino. Meanwhile, most of the areas with the least debt are predominantly white.

` const debtMapSVG = drawMap(data, chicago, 'n_debt_per_property', false) const debtMapContainer = html`

Number of debts per property

${debtMapSVG}

` const racialMapSVG = drawMap(data, chicago, 'racial_majority', true) const racialMapContainer = html`

Majority-Black ZIP codes

${racialMapSVG}

` const sourceLang = `Public records request to the Chicago Department of Finance, and U.S. Census Bureau, American Community Survey 2015-2019 five-year data release.` const notesLang = `A ZIP code is defined as majority-Black when the American Community Survey estimates more than half of the population identifies as Black.` const creditLang = `Charmaine Runes/WBEZ.` const sourceText = html`

Source: ${sourceLang}

` const notesText = html`

Notes: ${notesLang}

` const creditText = html`

Visualization: ${creditLang}

` mapContainer.appendChild(debtMapContainer) mapContainer.appendChild(racialMapContainer) outerContainer.appendChild(hed); outerContainer.appendChild(subhed); outerContainer.appendChild(mapContainer) outerContainer.appendChild(sourceText); outerContainer.appendChild(notesText); outerContainer.appendChild(creditText); return outerContainer; }32:T576,function drawStackedBarChart(data) { let svg = d3.create("svg") .attr("viewBox", [0, 0, width, heightBarChart]) .style("overflow", "visible"); let series = d3.stack() .keys(data.columns.slice(1)) .offset(d3.stackOffsetExpand) (data) .map(d => (d.forEach(v => { v.key = d.key }), d)); let margin = ({top: 10, right: 10, bottom: 20, left: 60}); let x = d3.scaleLinear() .range([margin.left, width - margin.right]); let y = d3.scaleBand() .domain(data.map(d => d.Period)) .range([margin.top, heightBarChart - margin.bottom]) .padding(0.08); let xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(x).tickSize(0).ticks(0)) .call(g => g.selectAll(".domain").remove()); let yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).tickSize(0).ticks(0)) .call(g => g.selectAll(".domain").remove()); svg.append("g") .selectAll("g") .data(series) .enter().append("g") .attr("fill", d => color(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", d => x(d[0])) .attr("y", (d, i) => y(d.data.Period)) .attr("width", d => x(d[1]) - x(d[0])) .attr("height", y.bandwidth()) svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); return svg.node(); }33:Tcb4,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/line-chart function drawLineChart(data, { x = ([x]) => x, // given d in data, returns the (temporal) x-value y = ([, y]) => y, // given d in data, returns the (quantitative) y-value defined, // for gaps in data curve = d3.curveLinear, // method of interpolation between points marginTop = 20, // top margin, in pixels marginRight = 30, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width, in pixels height = 400, // outer height, in pixels xType = d3.scaleUtc, // the x-scale type xDomain, // [xmin, xmax] xRange = [marginLeft, width - marginRight], // [left, right] yType = d3.scaleLinear, // the y-scale type yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis color = "currentColor", // stroke color of line strokeLinecap = "round", // stroke line cap of the line strokeLinejoin = "round", // stroke line join of the line strokeWidth = 1.5, // stroke width of line, in pixels strokeOpacity = 1, // stroke opacity of line } = {}) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const I = d3.range(X.length); if (defined === undefined) defined = (d, i) => !isNaN(X[i]) && !isNaN(Y[i]); const D = d3.map(data, defined); // Compute default domains. if (xDomain === undefined) xDomain = d3.extent(X); if (yDomain === undefined) yDomain = [0, d3.max(Y)]; // Construct scales and axes. const xScale = xType(xDomain, xRange); const yScale = yType(yDomain, yRange); const xAxis = d3.axisBottom(xScale).ticks(width / 80).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).tickFormat(yFormat).tickSize(-width); // Construct a line generator. const line = d3.line() .defined(i => D[i]) .curve(curve) .x(i => xScale(X[i])) .y(i => yScale(Y[i])); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .attr("class", "x-axis") .call(xAxis); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .attr("class", "y-axis") .call(yAxis) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick:not(:first-of-type) line") .attr("stroke-opacity", 0.2) .attr("stroke-dasharray", "2,2")) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel)); svg.append("path") .attr("fill", "none") .attr("stroke", color) .attr("stroke-width", strokeWidth) .attr("stroke-linecap", strokeLinecap) .attr("stroke-linejoin", strokeLinejoin) .attr("stroke-opacity", strokeOpacity) .attr("d", line(I)); return svg.node(); }34:T8e1,function drawMap(data, geography, indicator, highlight) { let mapData = d3.filter(data, d => d.indicator == indicator) let topo = getTopoJSON(geography) let zips = getZipsToFilter(topo) let reference = buildReference(zips, mapData) let format = context_vars.get(indicator).tickFormat let svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("class", "topo") if (highlight == true) { // Highlight svg.append("g") .selectAll("path") .attr("id", "map") .data(topo.features) .join("path") .attr("d", createGeoPath(geography)) .attr("class", d => "zip-" + d.properties.zip) .attr("fill", d => { if (reference[d.properties.zip] == 'Black') { return wbezColors.get('peacock'); } else { return wbezColors.get('lightgray'); } }) .style("stroke", wbezColors.get('white')) .style("stroke-width", .5) .append("title") .text(d => { if (reference[d.properties.zip] && format != '') { return `${d.properties.zip}: ${d3.format(format)(reference[d.properties.zip])}` } else { return `${d.properties.zip}: N/A` }}) } else { let domainValues = Object.values(reference) let color = buildColorRamp(domainValues) // Choropleth svg.append("g") .selectAll("path") .attr("id", "map") .data(topo.features) .join("path") .attr("d", createGeoPath(geography)) .attr("class", d => "zip-" + d.properties.zip) .attr("fill", d => color(reference[parseFloat(d.properties.zip)])) .style("stroke", wbezColors.get('white')) .style("stroke-width", .5) .append("title") .text(d => { if (reference[d.properties.zip]) { return `${d.properties.zip}: ${d3.format(format)(reference[d.properties.zip])}` } else { return `${d.properties.zip}: N/A` }}) // Legend svg.append("g") .attr("transform", "translate(10, 700)") .attr("class", "legend") .append(() => legend({ color, title: context_vars.get(indicator).name, tickFormat: format, width: 500, height: 50})); } return svg.node(); }35:[{"id":"640685dc9b9e139aa9c095defe2a9381128504597acfca647da7c0ba367ad93fda1315189bc2f90ecdf7ce72ace9176fd4553b1f92a2be8d4f108f63e08595ab","href":"https://static.observableusercontent.com/files/640685dc9b9e139aa9c095defe2a9381128504597acfca647da7c0ba367ad93fda1315189bc2f90ecdf7ce72ace9176fd4553b1f92a2be8d4f108f63e08595ab","name":"chicago_zip_topo_unproj (2).json","type":"application/json","lastModified":1635436392903.538,"size":214432}] 2f:{"id":"2d7b316219a18ce9","slug":null,"title":"WBEZ: Water Debt Investigation","thumbnail":"eb05a6f72eaf96e77985ac2d12d541463155280a98ec4ab76a1d9afae7f5c8a5","access_level":"public","create_time":"$D2021-10-28T15:53:12.903Z","update_time":"$D2021-11-05T20:25:12.286Z","view_time":null,"first_public_time":"$D2022-11-30T18:45:14.483Z","fork":{"id":"179eb948675c1680","slug":null,"title":"WBEZ: Vaccination Rates Among 12-to-17-year-olds by ZIP code for Metro Chicago","owner":{"id":"451a0400736e977f","login":"charmainerunes","name":"Charmaine Runes"}},"stars":1,"starred":false,"owner":{"type":"team","id":"451a0400736e977f","login":"charmainerunes","name":"Charmaine Runes","avatar_url":"https://avatars-next.observableusercontent.com/9069f31bf56352d79ae388ec3b816e456cd89dd50070abd328688221122c5ac8","tier":"starter_2024"},"version":2757,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0ec3ddf39719bc08","login":"charmainerunes","name":"Charmaine Runes","avatar_url":"https://avatars-next.observableusercontent.com/9069f31bf56352d79ae388ec3b816e456cd89dd50070abd328688221122c5ac8","tier":null}],"members":[{"type":"individual","id":"0ec3ddf39719bc08","login":"charmainerunes","name":"Charmaine Runes","avatar_url":"https://avatars-next.observableusercontent.com/9069f31bf56352d79ae388ec3b816e456cd89dd50070abd328688221122c5ac8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"WBEZ: Water Debt Investigation","cells":[{"id":0,"value":"md`# WBEZ: Water Debt Investigation\n\n---\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2634,"value":"## Stacked bar chart, horizontal\n\nNote: for sketching purposes only - use Flourish embed.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2669,"value":"drawStackedBarChart(stackedData)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2567,"value":"## Line chart\n\nNote: for sketching purposes only - use Flourish embed.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2571,"value":"chart2021 = drawLineChart(ledger, {\n x: d => d.billing_cycle_date,\n y: d => d.balance,\n yLabel: \"↑ Water balance ($)\",\n width,\n height: 500,\n color: wbezColors.get('royalpurple')\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2563,"value":"## Maps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1518,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2698,"value":"debtMap = drawMap(data, chicago, 'n_debt_per_property', false);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2719,"value":"racialMap = drawMap(data, chicago, 'racial_majority', true)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2219,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"md `## Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2274,"value":"import {style} from \"@charmainerunes/wbez-data-visuals-style-guide\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1400,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"md `## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2644,"value":"stackedBarDataUrl = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vR4SWX6l7v0kbrK1ss_-pbMeVIn-c_5DXDHwe8HlImYuqX7_IRWvAue6Uzjif7gog/pub?gid=2073676551&single=true&output=csv'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2647,"value":"stackedData = d3.csv(stackedBarDataUrl, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"chicago = FileAttachment(\"chicago_zip_topo_unproj (2).json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2414,"value":"dataUrl = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vTadTogXDHBNYNPoiqatQIdVrySLt9OFUDzkEYM7gm7-gJujR-onIaDcWhTnwtTt4OIN8x7DsdS_OTm/pub?gid=471671412&single=true&output=csv'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"data = {\n return d3.csv(dataUrl, ({zip, indicator, value}) => ({\n zip: zip,\n indicator: indicator,\n value: value\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2559,"value":"ledgerUrl = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vRYjW4V9UXpsfccaBFz9Cy5yRqESDgBj4gVfOSi4PXSfzzSvW2HGylAK7FrxnUXGdhR_J__5CV7lOa2/pub?gid=527406059&single=true&output=csv'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2574,"value":"ledger = {\n return d3.csv(ledgerUrl, ({billing_cycle_date, charges_for_that_cycle, balance, payment_amount}) => ({\n billing_cycle_date: new Date(billing_cycle_date),\n charges_for_that_cycle: +charges_for_that_cycle,\n balance: +balance,\n payment_amount: +payment_amount\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1403,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2655,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2665,"value":"color = d3.scaleOrdinal()\n .domain([\"Water\", \"Sewer\", \"Garbage\", \"Penalties\", \"Taxes\"])\n .range([wbezColors.get('peacock'), wbezColors.get('black'), wbezColors.get('mediumgray'), wbezColors.get('teal'), wbezColors.get('royalpurple')])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2674,"value":"heightBarChart = 100;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2554,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"width = 800;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"height = 800;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"projection = d3.geoMercator()\n.scale(width * 90)\n.center([-87.6298, 41.8781])\n.translate([width / 2, height / 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"// I should probably abstract this...\nprojectionRef = new Map([\n [chicago, d3.geoMercator()\n .fitSize([width, height * 0.85], getTopoJSON(chicago))]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":841,"value":"function getZipsToFilter(topo) {\n let zips = []\n for (let i = 0; i < topo.features.length; i++) {\n zips[i] = topo.features[i].properties.zip;\n }\n return zips;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"// For more info on scaleQuantize() vs scaleQuantile()\n// https://observablehq.com/@d3/quantile-quantize-and-threshold-scales\n\nfunction buildColorRamp(domainValues) {\n return d3.scaleQuantile([...domainValues], purples)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1849,"value":"// From https://imagecolorpicker.com/color-code/5f2b7\npurples = ['#5f2b7b','#9f80b0', '#dfd5e5'].reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1314,"value":"function handleNull(x, notPercent=false) {\n if (x && notPercent) {\n return d3.format('$,')(x)\n} else if (x) {\n return d3.format('.0%')(x)\n} else {\n return null\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"function createGeoPath(geoData) {\n return d3.geoPath().projection(projectionRef.get(geoData))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"function getTopoJSON(geo_file) {\n return topojson.feature(geo_file, geo_file.objects.zips)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2029,"value":"function buildReference(zips, data) {\n // Builds out a Map of Zip and value e.g., {['60607': 0.76]}\n \n return Object.assign({}, ...data.map((x) => { \n if (zips.includes(x.zip)) {\n if ((x.value) && (isNaN(parseFloat(x.value)) == true)) {\n return ({[x.zip]: x.value})\n } else if ((x.value) && (isNaN(parseFloat(x.value)) == false)) {\n return ({[x.zip]: parseFloat(x.value)})\n } else {\n return ({[x.zip]: null})\n }\n }\n }))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2035,"value":"mapReference = buildReference(getZipsToFilter(getTopoJSON(chicago)), data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"context_vars = new Map([\n ['debt_per_property', \n {name: 'Average debt per property', \n tickFormat: '$,.0f'}],\n ['n_debt_per_property', \n {name: 'Number of debts per property', \n tickFormat: '.2'}],\n ['racial_majority', \n {name: 'Racial majority', \n tickFormat: ''}]\n ])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1638,"value":"wbezColors = new Map([\n ['red', '#ed0000'],\n ['white', '#ffffff'],\n ['black', '#000000'],\n ['mediumgray', '#636466'],\n ['lightgray', '#dcddde'],\n ['gold', '#ffd03d'],\n ['teal', '#24bcb7'],\n ['periwinkle', '#5151bd'],\n ['lightblue', '#1d9cd3'],\n ['cottoncandy', '#ffd7ff'],\n ['lime', '#adf45b'],\n ['lavender', '#99a8ff'],\n ['sky', '#88f7ff'],\n ['marigold', '#f79e1c'],\n ['peacock', '#016480'],\n ['royalpurple', '#5f2b7b'],\n ['royalblue', '#263c80'],\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1406,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1152,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1880,"value":"import {autoSelect} from \"@observablehq/legacy-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"import {legend, Swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2552,"value":"import {howto, altplot} from \"@d3/example-components\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"