30:Tb1e,buildSankey = (opts) => { const svg = d3.select(DOM.svg(dims.width, dims.height)) // .style('border', '1px solid #ddd') .style("font-family", "Arial, sans-serif") .style("font-size", dims.fontSize) // .attr('transform', '') const plot = svg // .append('g').attr('transform', `rotate(90) translate(${dims.margin.left},${-dims.width+dims.margin.bottom})`) // .append('g').attr('transform', ``) .append('g').attr('transform', `translate(${dims.margin.left},${dims.margin.top}) `) // .style("width", "100%") // .style("height", "auto"); const {nodes, links} = opts.data const linkColor = link => { if (link.target.level === 'agency') return getNodeOption(link.target).color(link.target) if (link.source.level === 'agency') return getNodeOption(link.source).color(link.source) else return '#bbb' } const link = plot.append("g") .attr("fill", "none") .attr("stroke-opacity", 0.5) .selectAll("g") .data(links) .enter().append("g") .style("mix-blend-mode", "multiply") link.append('path') .attr('d', d3.sankeyLinkHorizontal()) .attr("stroke", linkColor) .attr("stroke-width", d => Math.max(1, d.width)) link.append("title") .text(d => `${d.source.name} → ${d.target.name}\n${format(d.value)}`) const sankeyNodes = plot.append("g") .selectAll(".node") .data(nodes).enter() .append('g').attr('class','node') sankeyNodes .filter(d => getNodeOption(d).display) .append("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0) .attr("fill", d => getNodeOption(d).color(d)) .attr('stroke', d => getNodeOption(d).stroke(d)) .append("title") .text(d => `${d.name}\n${format(d.value)}`) plot.append("g") .selectAll(".label") .data(nodes).enter() .append('g').attr('class','label') .call(buildMultiLineLabel) // labels plot.append('g') .append('text') .attr('x',0) .attr('y', -5) .attr('text-anchor', 'middle') .attr('font-weight', 'bold') // .attr('font-style', 'italic') .attr('font-size', '1.3em') .text('FUNDING →') plot.append('g') .append('text') .attr('x', (dims.width - dims.margin.left - dims.margin.right) / 2) .attr('y', -5) .attr('text-anchor', 'middle') .attr('font-weight', 'bold') // .attr('font-style', 'italic') .attr('font-size', '1.3em') .text('AGENCY →') plot.append('g') .append('text') .attr('x', dims.width - dims.margin.left - dims.margin.right) .attr('y', -5) .attr('text-anchor', 'middle') .attr('font-weight', 'bold') // .attr('font-style', 'italic') .attr('font-size', '1.3em') .text('SPENDING') return svg.node(); }31:T65a,buildMultiLineLabel = (sel) => { // Complex multi-line labels const splitText = d => { // abbreviate all agency names on mobile if (dims.view === 'mobile' && d.level === 'agency') return [d.abbreviation, format(d.value)] // abbrevate on smaller nodes if ((d.y1 - d.y0) <= dims.abbreviationCutoff && d.level === 'agency') return [d.abbreviation, format(d.value)] // abbreviate long names if (d.name.length > 30 && d.level === 'agency') return [d.abbreviation, format(d.value)] return labelClean(d.name).split(/\s(?!\&|of)/g).concat(format(d.value)) } sel .filter(d => (d.y1 - d.y0 > dims.labelCutoff)) .append('g') .attr('transform', d => { const dx = (d.x1 + d.x0) / 2 + getNodeOption(d).labelDx // const dy = d.y0 + dims.labelYPad // top-align const numLines = splitText(d).length const dy = (d.y1 + d.y0) / 2 - (numLines / 2 * 10) return `translate(${dx},${dy})` }) .append("text") .attr('pointer-events', 'none') .attr('text-anchor', d => getNodeOption(d).labelAnchor) .attr('font-weight', d => getNodeOption(d).fontWeight) .attr('font-size', d => getNodeOption(d).fontSize) .selectAll("tspan") .data(splitText) .enter().append("tspan") .attr("x", 0) // .attr("y", (d, i, nodes) => `${(i === nodes.length - 1) * 0.3 + 1.1 + i * 0.9}em`) .attr("y", (d, i, nodes) => `${1.1 + i * 0.9}em`) // .attr("fill-opacity", (d, i, nodes) => i === nodes.length - 1 ? 0.7 : null) .text(d => d) }32:T6ce,data = { const rawData = await d3.json('https://gist.githubusercontent.com/eidietrich/8202ebb8a48fa726e4ff8333a8a5edc8/raw/4cf9290ce38e4fcb31666ee4bd113d1ce8640f26/budget-hb2-house-approps-processed.json') rawData.slice().forEach(agency => { agency.expenditures.forEach(d => { d.actual_2018 = +d.actual_2018 d.base_2020 = +d.base_2020 d.funded_2020 = +d.funded_2020 d.funded_2021 = +d.funded_2021 d.funded_biennium = +d.funded_2020 + +d.funded_2021 }) agency.funding.forEach(d => { d.actual_2018 = +d.actual_2018 d.base_2020 = +d.base_2020 d.funded_2020 = +d.funded_2020 d.funded_2021 = +d.funded_2021 d.funded_biennium = +d.funded_2020 + +d.funded_2021 }) agency.totalExpenditures = { actual_2018: d3.sum(agency.expenditures, d => d.actual_2018), base_2020: d3.sum(agency.expenditures, d => d.base_2020), funded_2020: d3.sum(agency.expenditures, d => d.funded_2020), funded_2021: d3.sum(agency.expenditures, d => d.funded_2021), funded_biennium: d3.sum(agency.expenditures, d => d.funded_biennium), } agency.totalFunding = { actual_2018: d3.sum(agency.funding, d => d.actual_2018), base_2020: d3.sum(agency.funding, d => d.base_2020), funded_2020: d3.sum(agency.funding, d => d.funded_2020), funded_2021: d3.sum(agency.funding, d => d.funded_2021), funded_biennium: d3.sum(agency.funding, d => d.funded_biennium), } // agency.agency.replace('Ed','Ed.') const match = agencyKeys.find(d => d.name === agency.agency) console.assert(match, agency.agency) agency.domain = match.domain agency.abbreviation = match.abbreviation }) return rawData }33:T421,nodeConfig = [ { test: node => node.level === 'agency', display: true, color: node => color.domainCat(node.domain), stroke: node => d3.rgb(color.domainCat(node.domain)).darker(1), label: node => (node.y1 - node.y0) > 10 ? `${node.name} (${format(node.value)})` : null, fontWeight: 'normal', fontSize: '1.1em', labelAnchor: 'start', labelDx: dims.labelOffset - 2, }, { test: node => node.level === 'funding', display: true, color: node => '#888', stroke: node => '#888', label: node => `${node.name} (${format(node.value)})`, fontWeight: 'normal', fontSize: '1em', labelAnchor: 'end', labelDx: -dims.labelOffset, }, { test: node => node.level === 'expenditure', display: true, color: node => '#888', stroke: node => '#888', label: node => `${node.name} (${format(node.value)})`, fontWeight: 'normal', fontSize: '1em', labelAnchor: 'start', labelDx: dims.labelOffset, } ]34:T7f9,// convert data to sankey-ready graph graphized = { let filtered = data.slice() if (selDomain !== 'All HB 2 budget domains') filtered = filtered.filter(d => d.domain === selDomain) // if (selAgency !== "All HB 2 agencies") filtered = filtered.filter(d => d.agency === selAgency) const valueKey = selValue const agencyNodes = filtered.map(d => ({ name: d.agency, level: 'agency', domain: d.domain, abbreviation: d.abbreviation, })) const fundingNodes = [...new Set( filtered.map(agency => agency.funding .filter(d => d[valueKey] !== 0) .map(d => d.key)) .reduce((acc, val) => acc.concat(val)) )] .map(d => ({name: d, level: 'funding'})) const expenditureNodes = [...new Set( filtered.map(agency => agency.expenditures .filter(d => d[valueKey] !== 0) .map(d => d.key)) .reduce((acc, val) => acc.concat(val)) )] .map(d => ({name: d, level: 'expenditure'})) const nodes = agencyNodes.concat(fundingNodes).concat(expenditureNodes) let links = [] filtered.forEach(agency => { agency.funding .filter(d => d[valueKey] !== 0) .forEach(d => { links.push({ sourceName: d.key, source: nodes.map(d => d.name).indexOf(d.key), targetName: agency.agency, target: nodes.map(d => d.name).indexOf(agency.agency), value: d[valueKey], domain: agency.domain, }) }) agency.expenditures .filter(d => d[valueKey] !== 0) .forEach(d => { links.push({ targetName: d.key, target: nodes.map(d => d.name).indexOf(d.key), sourceName: agency.agency, source: nodes.map(d => d.name).indexOf(agency.agency), value: d[valueKey], domain: agency.domain, }) }) }) const sankeyized = sankey({nodes, links}) // sankeyized.nodes.forEach(node => { // node.level = dataKeys[node.depth] // }) return sankeyized }35:T697,flatToGraph = (flatData, dataKeys, valKey) => { /* Take flat data, convert to {nodes: [name], links: [sourceIndex, targetIndex, value]} graph structure Sankey layout wants flatData is rows-formatted JSON dataKeys is array of categorical column keys to use as nodes valKey is key to use for value sample call: const graph = flatToGraph(filtered, ['source','domain','agency'],'fy_2019') */ // get nodes const nodesByKey = dataKeys.map(key => ( [...new Set(flatData.filter(d => d[valKey] > 0).map(d => d[key]))] )) const nodes = nodesByKey.reduce((acc, arr) => acc.concat(arr),[]).map(name => { return { name, } }) // get links from combinations of nodes const links = [] for (let i=0; i targetNodes.forEach(target => { const rows = flatData .filter(d => d[sourceKey] === source && d[targetKey] === target) if (rows.length === 0) return links.push({ sourceName: source, source: nodes.map(d => d.name).indexOf(source), targetName: target, target: nodes.map(d => d.name).indexOf(target), value: d3.sum(rows, d => d[valKey]), }) })) } const sankeyized = sankey({nodes, links}) sankeyized.nodes.forEach(node => { node.level = dataKeys[node.depth] }) return sankeyized }36:Ta11,agencyKeys = [ { name: "Legislative Branch", domain: 'General Government', abbreviation: 'Leg. Branch'}, { name: "Office of Consumer Counsel", domain: 'General Government', abbreviation: 'OCC'}, { name: "Judiciary Branch", domain: 'Justice', abbreviation: 'Courts'}, { name: "Governor's Office", domain: 'General Government', abbreviation: 'Gov. Office'}, { name: "Commissioner of Political Practices", domain: 'General Government', abbreviation: 'COPP'}, { name: "State Auditor", domain: 'General Government', abbreviation: 'CSI'}, { name: "Office of Public Instruction", domain: 'Education', abbreviation: 'OPI'}, { name: "Dept. of Justice", domain: 'Justice', abbreviation: 'DOJ'}, { name: "Public Service Commission", domain: 'Justice', abbreviation: 'PSC'}, { name: "Board of Public Education", domain: 'Education', abbreviation: 'BPEd.'}, { name: "Comm. of Higher Ed", domain: 'Education', abbreviation: 'OCHE'}, { name: "School for the Deaf & Blind", domain: 'Education', abbreviation: 'Sch. D&B'}, { name: "Montana Arts Council", domain: 'Education', abbreviation: 'Arts Council'}, { name: "Montana State Library", domain: 'Education', abbreviation: 'MSL'}, { name: "Montana Historical Society", domain: 'Education', abbreviation: 'MHS'}, { name: "Fish Wildife and Parks", domain: 'Natural Resources', abbreviation: 'FWP'}, { name: "Dept. of Environmental Quality", domain: 'Natural Resources', abbreviation: 'DEQ'}, { name: "Dept. of Transportation", domain: 'Transportation', abbreviation: 'MDT'}, { name: "Dept. of Livestock", domain: 'Natural Resources', abbreviation: 'Livestock'}, { name: "Dept. of Natural Resources & Conservation", domain: 'Natural Resources', abbreviation: 'DNRC'}, { name: "Dept. of Revenue", domain: 'General Government', abbreviation: 'Revenue'}, { name: "Dept. of Administration", domain: 'General Government', abbreviation: 'Admin.'}, { name: "Office of the State Public Defender", domain: 'Justice', abbreviation: 'Pub. Defender'}, { name: "Dept. of Agriculture", domain: 'Natural Resources', abbreviation: 'Agriculture'}, { name: "Dept. of Corrections", domain: 'Justice', abbreviation: 'Corrections'}, { name: "Dept. of Commerce", domain: 'General Government', abbreviation: 'Commerce'}, { name: "Dept. of Labor & Industry", domain: 'General Government', abbreviation: 'DLI'}, { name: "Dept. of Military Affairs", domain: 'General Government', abbreviation: 'DMA'}, { name: "Dept. of Public Health & Human Services", domain: 'Health & Human Services', abbreviation: 'DPHHS'}, ]37:Tea7,cleanLabel = { const agencies = { "11040 LEGISLATIVE BRANCH" : {label: 'Legislative Branch', abbrevation: 'Leg'}, "11120 CONSUMER COUNSEL" : {label: 'Office of Consumer Counsel', abbrevation: 'OCC'}, "21100 JUDICIARY BRANCH" : {label: 'Judiciary Branch', abbrevation: 'Courts'}, "31010 GOVERNOR'S OFFICE" : {label: 'Governor\'s Office', abbrevation: 'Gov'}, "32020 COMM OF POLITICAL PRACTICES" : {label: 'Commissioner of Political Practices', abbrevation: 'COPP'}, "34010 STATE AUDITORS OFFICE" : {label: 'State Auditor', abbrevation: 'CSI'}, "35010 OFFICE OF PUBLIC INSTRUCTION" : {label: 'Office of Public Instruction', abbrevation: 'OPI'}, "41070 CRIME CONTROL DIVISION" : {label: 'Board of Crime Control', abbrevation: 'MBCC'}, "41100 DEPARTMENT OF JUSTICE" : {label: 'Dept. of Justice', abbrevation: 'DOJ'}, "42010 PUBLIC SERVICE COMMISSION" : {label: 'Public Service Commission', abbrevation: 'PSC'}, "51010 BOARD OF PUBLIC EDUCATION" : {label: 'Board of Public Education', abbrevation: 'BPE'}, "51020 COMMISSIONER OF HIGHER EDUCATION" : {label: 'Comm. of Higher Ed', abbrevation: 'OCHE'}, "51130 SCHOOL FOR THE DEAF & BLIND" : {label: 'School for the Deaf & Blind', abbrevation: 'MSDB'}, "51140 MONTANA ARTS COUNCIL" : {label: 'Montana Arts Council', abbrevation: 'MAC'}, "51150 MONTANA STATE LIBRARY" : {label: 'Montana State Library', abbrevation: 'MSL'}, "51170 MONTANA HISTORICAL SOCIETY" : {label: 'Montana Historical Society', abbrevation: 'MHS'}, "52010 DEPARTMENT OF FISH WILDLIFE & PARKS" : {label: 'Fish Wildife and Parks', abbrevation: 'FWP'}, "53010 DEPARTMENT OF ENVIRONMENTAL QUALITY" : {label: 'Dept. of Environmental Quality', abbrevation: 'DEQ'}, "54010 DEPARTMENT OF TRANSPORTATION" : {label: 'Dept. of Transportation', abbrevation: 'MDT'}, "56030 DEPARTMENT OF LIVESTOCK" : {label: 'Dept. of Livestock', abbrevation: 'MDOL'}, "57060 DEPT OF NATURAL RESOURCES & CONSERVATION" : {label: 'Dept. of Natural Resources & Conservation', abbrevation: 'DNRC'}, "58010 DEPARTMENT OF REVENUE" : {label: 'Dept. of Revenue', abbrevation: 'DOR'}, "61010 DEPARTMENT OF ADMINISTRATION" : {label: 'Dept. of Administration', abbrevation: 'DOA'}, "61080 OFFICE OF THE PUBLIC DEFENDER" : {label: 'Office of the State Public Defender', abbrevation: 'OPD'}, "62010 DEPARTMENT OF AGRICULTURE" : {label: 'Dept. of Agriculture', abbrevation: 'MDA'}, "64010 DEPARTMENT OF CORRECTIONS" : {label: 'Dept. of Corrections', abbrevation: 'DOC'}, "65010 DEPARTMENT OF COMMERCE" : {label: 'Dept. of Commerce', abbrevation: 'COM'}, "66020 DEPARTMENT OF LABOR & INDUSTRY" : {label: 'Dept. of Labor & Industry', abbrevation: 'DLI'}, "67010 DEPARTMENT OF MILITARY AFFAIRS" : {label: 'Dept. of Military Affairs', abbrevation: 'DMA'}, "69010 DEPARTMENT OF PUBLIC & HUMAN SERVICES" : {label: 'Dept. of Public Health & Human Services', abbrevation: 'DPHHS'}, } const toTitleCase = (mixed) => mixed .toLowerCase() .split(' ') .map(s => s.slice(0,1).toUpperCase().concat(s.slice(1,))) .join(' ') return { agencyName: (key) => { console.assert(key in agencies, 'Missing key', key) return (key in agencies) ? agencies[key].label : null }, agencyAbbreviation: (key) => { console.assert(key in agencies, 'Missing key', key) return (key in agencies) ? agencies[key].abbrevation : null }, programName: (key) => { // remove 2-digit number at front of name, convert to uppercase // Also sub "&" for "AND" let cleaned = key.slice(3,).toUpperCase() .replace('AND ', '& ') cleaned = toTitleCase(cleaned) return cleaned } } }38:[] 2e:{"title":"Exploring HB 2","cells":[{"id":0,"value":"md`# Exploring HB 2`","pinned":false,"hidden":false,"mode":"ojs"},{"id":627,"value":"md`**Plot:** (2020 funding, 2021 funding, or biennium funding)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"viewof selValue = {\n const choices = [\n {label: '2020-21 Biennium', key: 'funded_biennium'},\n {label: 'Fiscal Year 2020', key: 'funded_2020'},\n {label: 'Fiscal Year 2021', key: 'funded_2021'},\n ]\n \n return html``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":632,"value":"md`**Show**:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":660,"value":"viewof selDomain = {\n const choices = [\n {label: 'All HB 2 Budget Domains', key: 'All HB 2 budget domains'},\n {label: 'General Government', key: 'General Government'},\n {label: 'Justice', key: 'Justice'},\n {label: 'Education', key: 'Education'},\n {label: 'Natural Resources', key: 'Natural Resources'},\n {label: 'Transportation', key: 'Transportation'},\n {label: 'Health & Human Services', key: 'Health & Human Services'},\n ]\n \n return html``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"chart = {\n return buildSankey({\n data: graphized\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":686,"value":"domainLegend = {\n const svg = d3.select(DOM.svg(300, 120));\n svg.append(\"g\")\n .attr(\"class\", \"legend legend--ordinal\")\n .attr(\"transform\", \"translate(20,20)\");\n svg.select(\".legend\")\n .attr('font-family', 'sans-serif')\n .attr('font-size', 14)\n .call(domainColorLegend);\n return html`\n

Agency budget domain

\n ${svg.node()}\n

\n `\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":316,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":710,"value":"labelClean = (raw) => {\n return raw\n .replace(/Ed$/,'Ed.')\n .replace('Fish Wildife and Parks', 'Fish, Wildlife & Parks')\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"getNodeOption = node => nodeConfig.find(opt => opt.test(node))","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"sankey = {\n // const height = width * (2/3)\n const sankey = d3.sankey()\n .iterations(0)\n .nodeWidth(dims.nodeWidth)\n .nodePadding(dims.nodePadding) // 10\n .extent([[1, 1], [dims.width - dims.margin.left - dims.margin.right, dims.height - dims.margin.top - dims.margin.bottom,]]);\n return ({nodes, links}) => sankey({\n nodes: nodes.map(d => Object.assign({}, d)),\n links: links.map(d => Object.assign({}, d))\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"md`## Config`","pinned":false,"hidden":false,"mode":"ojs"},{"id":620,"value":"// for mobile testing\n// width = 300 ","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"dims = {\n // \n \n if (width < 500) { // mobile\n return {\n view: 'mobile',\n width: Math.min(width, 800),\n height: 300,\n margin: {left: 60, top: 20, right: 60, bottom: 30},\n nodeWidth: 10,\n labelOffset: 10,\n labelYPad: 0,\n nodePadding: 2,\n fontSize: 10,\n abbreviationCutoff: 20, // doesn't matter\n labelCutoff: 15,\n labelDim: 'value'\n }\n } else { // desktop\n return {\n view: 'desktop',\n width: Math.min(width, 800),\n height: Math.min(width, 800) * 3/4,\n margin: {left: 80, top: 30, right: 80, bottom: 20},\n nodeWidth: 20,\n labelOffset: 15,\n labelYPad: 0,\n nodePadding: 5,\n fontSize: 11,\n abbreviationCutoff: 40,\n labelCutoff: 20,\n labelDim: 'abbreviation',\n }\n }\n \n \n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"color = ({\n // domainCat: d3.scaleOrdinal()\n // .domain([\"infrastructure\", \"health\", \"public safety\", \"education\", \"governance\", \"economy\", \"landscape\"])\n // .range(d3.schemeSet2),\n domainCat: d3.scaleOrdinal()\n .domain([\"General Government\", \"Justice\", \"Education\", \"Natural Resources\", \"Transportation\", \"Health & Human Services\"])\n .range(d3.schemeSet2),\n // change: d3.scaleSequential(d3.interpolateRdYlGn)\n // .domain([-10000000,10000000]),\n change: d3.scaleThreshold()\n .domain([-.20,-0.05,-.02,.02,0.05,.20])\n .range(d3.schemeRdYlGn[7]),\n source: d3.scaleOrdinal()\n .domain(['General Fund', 'State Special Revenue', 'Federal Special Revenue','Proprietary Fund'])\n .range(['#1b9e77','#7570b3','#d95f02','#a6761d','#444'])\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"format = (val) => d3.format(\"$,.2s\")(val).replace('G','B')","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"domainColorLegend = d3Legend.legendColor()\n .shape(\"path\", d3.symbol().type(d3.symbolSquare).size(150)())\n // Try commenting shapePadding() to see the difference\n .shapePadding(15) // cell padding\n .labelOffset(20) // label offset from the shape\n .scale(color.domainCat)","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"md`## Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"d3 = require(\"d3@5\", \"d3-sankey@0.7\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":690,"value":"d3Legend = require(\"d3-svg-legend\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":729,"value":"import {rasterize, serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":732,"value":"DOM.download(await serialize(chart), 'overall_spending_2020', \"Download as SVG\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W38","stdlib":"1","titling":"auto"}