chart = {
const svg = d3.select(DOM.svg(width+margin.left+margin.right, height+margin.top+margin.bottom));
const gSvg = svg.append("g")
.attr("transform", "translate("+margin.left+","+margin.top+")");
const xScale = d3.scaleBand()
.domain(data.map(function(d){return d.category;}))
.range([0, width])
.padding(0.1);
const yScale = d3.scaleLinear()
.domain([0,d3.max(series, d => d3.max(d, d=> d[1]))])
.range([height,0]);
const color = d3.scaleOrdinal(d3.schemeCategory10);
const rects = gSvg.selectAll("g").data(series).enter()
.append("g")
.attr("fill", d => color(d.key));
rects.selectAll("rect")
.data(d => d)
.join("rect")
.attr("x", (d, i) => xScale(d.data.category))
.attr("y", d=> yScale(d[1]))
.attr("height", d=> yScale(d[0]) - yScale(d[1]))
.attr("width", xScale.bandwidth())
;
const xAxis = gSvg.append("g")
.attr("id", "xAxis")
.attr("transform", "translate(0,"+height+")")
.call(d3.axisBottom(xScale));
const yAxis = gSvg.append("g")
.attr("id", "yAxis")
.call(d3.axisLeft(yScale));
return svg.node();
}