31:Tb52,{ const chartContainer = document.createElement("div"); chartContainer.classList.add('chart') const chart = chrt.Chrt() .node(chartContainer) .size(600,400) .margins({ left: 30, right: 30, top: 20, bottom: 70, }) .padding({ left: 20, right: 20, }) .x([1929,1949]) .add( chrt.yAxis(5) ) .add( chrt.chrtColumns() .data(data, d => ({x: +d.year, y: +d.change})) .fill(d => d.y > 0 ? 'url(#stripes)' : 'url(#dots)') .strokeWidth(2) .width(0.8) .add(chrt.chrtLabel('*').left(1933).top(-2).offset(-10,13)) ) .add( chrt.xAxis(21) .setTickPosition('inside') .setTickLength(0) .format((d,i) => !i ? d : `'${+d - 1900}`) .showAxis(true) .width(2) ) .add( chrt.xAxis() .hideTicks() .showAxis(true) .zero(0) .width(2) ) .add( chrt.xAxis() .orient('top') .hideTicks() .width(2) ) .add( chrt.yAxis(10) .orient('right') .setTickPosition('inside') .width(2) .format(d => d > 0 ? `+${d}` : d) .add( chrt.chrtAxisTitle('Billions of Dollars') .class('index-title') .align('right') .valign('top') .offset({y: -10,x: -95})) ) .add( chrt.yAxis(10) .orient('left') .setTickPosition('inside') .width(2) .format(d => d > 0 ? `+${d}` : d) .add( chrt.chrtAxisTitle('Billions of Dollars') .class('index-title') .align('right') .valign('top') .offset({y: -10,x: -30})) ) .add(chrt.chrtAnnotation('* Estimated').class('small-note').left(1948).top(-3).offset(10,50)) .add(chrt.chrtAnnotation('Source: U.S. Departmente of Commerce').class('small-note').left(1929).top(-3).offset(-50,50)) const defs = document.createElementNS("http://www.w3.org/2000/svg", 'defs'); defs.innerHTML = ` `; chart.node().querySelector('svg').prepend(defs); return chart.node(); }32:T445,html` `33:[{"id":"8d45881b08986948f58a379fab01e197770c39b29830e36ac64467c8a940a3e9e03a3fed7ee3a97a4ca01f7c8d038b53ef54648d4a85f524df217c8a3985d3b8","href":"https://static.observableusercontent.com/files/8d45881b08986948f58a379fab01e197770c39b29830e36ac64467c8a940a3e9e03a3fed7ee3a97a4ca01f7c8d038b53ef54648d4a85f524df217c8a3985d3b8","name":"netchange.csv","type":"text/csv","lastModified":1617016476925.184,"size":207}] 2f:{"title":"Net Change in Business Inventories","cells":[{"id":0,"value":"md`# Net Change in Business Inventories`","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"md`### Charting Statistics \n#### by Mary Eleanor Spear\n\nhttps://archive.org/details/ChartingStatistics_201801/page/n139/mode/2up\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"{\n const chartContainer = document.createElement(\"div\");\n chartContainer.classList.add('chart')\n chartContainer.innerHTML= '

Net Change in Business Inventories

';\n \n return chartContainer;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"Table(data)","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"chrt=require('chrt@0.0.41')","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"data=FileAttachment(\"netchange.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"import {Table} from \"@observablehq/table\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}