Published unlisted
Edited
Sep 5, 2019
sampleData = d3.csv('https://raw.githubusercontent.com/vincentarelbundock/Rdatasets/master/csv/ISLR/Auto.csv')
function container() { return `
<div>
<div>
<div id="line"></div>
<div id="pie"></div>
<div id="creditcard"></div>
</div>
</div>
<hr style="clear:both;">
`;
}
DC = {
var view = md`${container()}`
// Crossfilter data
var cf = crossfilter(sampleData)
var rowChart = dc.rowChart(view.querySelector("#creditcard"));
var creditcardDimension = cf.dimension(data => data.cylinders)
var creditcardGroup = creditcardDimension.group().reduceCount()
rowChart
.width(600)
.height(350)
.elasticX(true)
.dimension(creditcardDimension)
.group(creditcardGroup);
dc.renderAll()
return view
}
dc = require("dc")
crossfilter = require("crossfilter2")
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.
