2e:null 2f:["$","title",null,{"children":"Instant Data Visualizer | David B. | Observable"}] 34:T48c,function visualize(data,params){ InjectDcCss; tltp; const columns = Object.keys(data[0]) .filter((c,i)=>{ const nested = d3.nest().key(d=>d).entries(data.map(d=>d[c])); return nested.length<30 }) var view = html`${container(columns)}` var cr = crossfilter(data); var charts = []; const dcConfigs = columns.map((d,i)=>{ return { selector:'selector'+i, group:d } }) dcConfigs.forEach(config=>{ var chart = dc.rowChart(view.querySelector('#'+config.selector)) charts.push(chart); var dimension = cr.dimension(data => { if(typeof data[config.group] =='boolean'){ if(data[config.group]){ return "true" }else{ return "false"; } } return (data[config.group] && typeof data[config.group] !='object' && data[config.group].trim())||'N\\A' }) var group = dimension.group().reduceCount(d=>1) console.log(dimension) chart .width(width/3) .height(450) .elasticX(true) .dimension(dimension) .group(group) chart.xAxis() .ticks(5) }) dc.renderAll() ; return view }35:[] 32:{"id":"b03784c5df3c2c64","slug":"instant-data-visualizer","title":"Instant Data Visualizer","thumbnail":"e71705176c19f25b36a3332a7c85e83e3c2163a929f99657c5a46ba8649db93b","access_level":"public","create_time":"$D2018-09-07T23:11:29.201Z","update_time":"$D2021-04-09T12:37:35.871Z","view_time":null,"first_public_time":"$D2018-09-07T23:16:19.083Z","has_unpublished_edits":null,"fork":false,"stars":11,"starred":false,"owner":{"type":"team","id":"fcd7e4188e1df970","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":"starter_2024"},"version":380,"publish_version":380,"role":null,"authored":false,"authors":[{"type":"individual","id":"5e0ddde49c696e13","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":null}],"members":[{"type":"individual","id":"5e0ddde49c696e13","login":"bumbeishvili","name":"David B.","avatar_url":"https://avatars-next.observableusercontent.com/038bfbb4eaa1c1217d83efed9948fd774126f3fa01dcce32e347fd0fd7c960d7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":10,"collection":{"id":"6c53c93042f92048","slug":"observable-utils","title":"Observable Utils","owner":{"id":"fcd7e4188e1df970","login":"bumbeishvili","name":"David B."}},"type":"notebook","body":{"title":"Instant Data Visualizer","cells":[{"id":0,"value":"md`# Instant Data Visualizer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"md`#### Usage`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"md`\n

\n\\`\\`\\`\nimport {visualize} from '@bumbeishvili/instant-data-visualizer'; \n\n\\`\\`\\`\n

\n\\`\\`\\`\nvisualize(data);\n\\`\\`\\`\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"md`\nData Fetched From

${dataUrl}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"DC = {\n return visualize(data,columns);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"md`# Notebook Stuff`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"tltp = {\n\n setInterval(function(d){\n d3.selectAll('svg')\n .select('g')\n .selectAll('g')\n .attr('title',function(d){\n const result = d3.select(this).select('title').node();\n return result&& result.innerHTML;\n })\n .nodes()\n .forEach(function(d){(tippy(d))})\n },1000)\n \n \n d3.selectAll('h5').nodes().forEach(function(d){(tippy(d))});\n return \"tooltip\"\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"function container(columns) {\n return `\n

Stats

\n ${columns\n .map((c, i) => {\n return `

${c}

`;\n })\n .join('')}\n \n

\n\n