31: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 }32:[] 2f:{"title":"Instant Data Visualizer","cells":[{"id":0,"value":"md`# Instant Data Visualizer`","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"md`#### Usage`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":123,"value":"md`\nData Fetched From

${dataUrl}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"DC = {\n return visualize(data,columns);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":269,"value":"md`# Notebook Stuff`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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