test = {
let otherChart = BarChart()
.x("country")
.y("cups");
let otherContainer = d3.create("div")
.attr("id", "other-cotainer")
.datum(worldCup)
.call(otherChart);
return otherContainer.node();
}
update = function(){
d3.selectAll("#container")
.datum(cs.groups.get(currentVar).all())
.call(myChart);
}()
myChart = BarChart()
.width(800)
.height(400)
.config({
xTicksMaxLen: 25,
xTicksAngle: angle,
marginBottom: currentVar == "tipo" ? 20 : 72,
marginLeft: 48,
showValues: true,
valuesPosition: "in"
});
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
