27:null 28:["$","title",null,{"children":"DC.js Example - forked | Ryo Sakai | Observable"}] 2d:[] 2b:{"id":"d4352dba699648ed","slug":null,"title":"DC.js Example - forked","thumbnail":"40b5cf761b16992ff52a4468515688d339e82298ca3592cb3868ff58df759097","access_level":"unlisted","create_time":"$D2019-09-03T10:05:37.584Z","update_time":"$D2019-09-05T07:31:18.128Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"55ad00b9220d37b0","login":"rsakai","name":"Ryo Sakai","avatar_url":"https://avatars-next.observableusercontent.com/b2eadc945b951880710d7578dc7892c49d29a7f8f1de9ea49ad18302e772f99d","tier":"starter_2024"},"version":499,"publish_version":499,"role":null,"authored":false,"authors":[{"type":"individual","id":"050e72eb6f03133d","login":"rsakai","name":"Ryo Sakai","avatar_url":"https://avatars-next.observableusercontent.com/b2eadc945b951880710d7578dc7892c49d29a7f8f1de9ea49ad18302e772f99d","tier":null}],"members":[{"type":"individual","id":"050e72eb6f03133d","login":"rsakai","name":"Ryo Sakai","avatar_url":"https://avatars-next.observableusercontent.com/b2eadc945b951880710d7578dc7892c49d29a7f8f1de9ea49ad18302e772f99d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"DC.js Example - forked","cells":[{"id":0,"value":"md`# DC.js Example - forked\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"\nsampleData = d3.csv('https://raw.githubusercontent.com/vincentarelbundock/Rdatasets/master/csv/ISLR/Auto.csv')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"function container() { return `\n

\n\n

\n`;\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"DC = {\n var view = md`${container()}`\n \n // Crossfilter data\n var cf = crossfilter(sampleData)\n \n var rowChart = dc.rowChart(view.querySelector(\"#creditcard\"));\n\n var creditcardDimension = cf.dimension(data => data.cylinders)\n var creditcardGroup = creditcardDimension.group().reduceCount()\n\n \n rowChart\n .width(600)\n .height(350)\n .elasticX(true)\n .dimension(creditcardDimension)\n .group(creditcardGroup);\n\t\t\t\n dc.renderAll()\n \n return view\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"dc = require(\"dc\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"crossfilter = require(\"crossfilter2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"// INJECTCSS = {\n// var div = DOM.element('div');\n// div.innerHTML = ''\n// return div;\n// }\n\nINJECTCSS = html``\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"