31:T438,buildvis = { let view = md`${container("")}` let barMat = dc.seriesChart(view.querySelector("#bar-mat")) barMat.width(600) .height(500) .chart(function(d){return ( new dc.BarChart(d));}) .x(escala) .xUnits(dc.units.ordinal) .margins({top: 50, right: 10, bottom: 25, left: 25}) .dimension(dimStack) .group(dimStackg) .elasticY(true) .seriesAccessor(function(d) {return +d.key[0]; }) .keyAccessor(function(d) {return d.key[1]; }) // .valueAccessor(function(d) {return d.value.subgroups; }) // .colorAccessor(function(d) {return +d.key[0]; }) .brushOn(false) dc.renderAll() return view }32:[] 2f:{"title":"Series exemplo","cells":[{"id":0,"value":"md`# Series exemplo`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"function container() {\n return `\n

\n \n

Serie

\n \n

\n `;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"data = d3.csv(\"https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/data_stacked.csv\") //Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":352,"value":"names = {\n let sorted = nicknamesg.top(Infinity)\n return sorted.map(d => d.key)\n }","pinned":true,"hidden":false,"mode":"ojs"},{"id":378,"value":"escala = d3.scaleOrdinal().domain(names)","pinned":true,"hidden":false,"mode":"ojs"},{"id":395,"value":"color = d3.scaleOrdinal()//Extraído do código \n .domain(subgroups)\n .range(['#9CADCE','#7EC4CF','#52B2CF'])","pinned":true,"hidden":false,"mode":"ojs"},{"id":359,"value":"nicknames = facts.dimension(d=>d.group)","pinned":true,"hidden":false,"mode":"ojs"},{"id":362,"value":"nicknamesg = nicknames.group().reduceCount()","pinned":true,"hidden":false,"mode":"ojs"},{"id":150,"value":"margin = 600//Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"stackedData = d3.stack()//Extraído do código \n .keys(subgroups)//Extraído do código \n (data) //Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"groups = d3.map(data, d => d.group).keys() //Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"subgroups = data.columns.slice(1) //Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":242,"value":"dimX = facts.dimension( function(data){ return [data.group,data.normal,data.Nitrogen,data.stress];})","pinned":true,"hidden":false,"mode":"ojs"},{"id":245,"value":"dimXgroup =dimX.group().reduceCount();","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"dimStack = facts.dimension( function(data) {return [data.normal,data.Nitrogen,data.stress]; })","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"dimStackg = dimStack.group().reduceCount(data =>data.group)","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"facts = crossfilter(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"dc = require('dc')","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@5\")//Extraído do código ","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"crossfilter = require('crossfilter2')","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"dimensions = ({ \n height:400,\n width:600, \n margin: {\n top: 10,\n right: 30,\n bottom: 20,\n left: 50,\n } \n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"html`css \n\n\n`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}