md`# Crossfilter`
attribs = ["Position", "Nationality", "Overall", "Age"]
cs = {
const cs = crossfilter(data);
cs.dims = new Map();
cs.groups = new Map();
for (let a of attribs) {
const dim = cs.dimension(d => d[a]);
cs.dims.set(a, dim);
cs.groups.set(a, dim.group());
}
return cs;
}
data = (await FileAttachment("fifaData.csv").csv()).map(d3.autoType)
d3 = require("d3@6")
crossfilter = require("crossfilter2")
import { BrushableBarChart } from "@john-guerra/d3-reusable-brushable-barchart-pattern"
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.
