pixel flipper, data sifter. trying to see what I can while I'm here
// viewof year = Inputs.select(d3.range(2010, 2021), { label: "year", format: d => ""+d})
Plot.barX(data, Plot.stackX(Plot.groupY({ x: "count" }, {
y: "Command",
fill: d => d.date.getFullYear() || "NA",
// stroke: "lightgrey"
}))).plot({
y: {
domain: TopN(data, { groupby: "Command", order: "count", n: 50 }),
// tickFormat: d => officerUniqueIds.get(d)
},
color: { scheme: "greens" },
marginLeft: 120,
grid: true
})
Plot.barX(data, Plot.stackX(Plot.groupY({ x: "count" }, {
y: "FADO Type",
fill: d => d.date.getFullYear() || "NA",
// stroke: "lightgrey"
}))).plot({
y: {
domain: TopN(data, { groupby: "FADO Type", order: "count", n: 50 }),
// tickFormat: d => officerUniqueIds.get(d)
},
color: { scheme: "purples" },
marginLeft: 120,
grid: true
})
substantial = Array.from(d3.group(data, d => d["Board Disposition"].includes("Substantiated")).entries())
Plot.barY(data, Plot.binX({ y: "count" }, {
x: "date",
thresholds: d3.timeMonth.every(1),
fill: d => d["Board Disposition"].includes("Substantiated")
// fill: d => d.date.getFullYear() || "NA",
// stroke: "lightgrey"
})).plot({
x: { tickRotate: 90 },
color: { scheme: "reds" },
marginLeft: 50,
marginRight: 10,
marginBottom: 120,
width,
grid: true
})
Plot.barY(data, Plot.binX({ y: "count" }, {
x: "date",
thresholds: d3.timeMonth.every(3),
fill: d => d["Board Disposition"].includes("Substantiated")
// fill: d => d.date.getFullYear() || "NA",
// stroke: "lightgrey"
})).plot({
facet: {
data: data,
y: "Unique Id",
marginRight: 100
},
fy: {
domain: TopN(data, { groupby: "Unique Id", order: "count", n: 10 }),
tickFormat: d => officerUniqueIds.get(d),
},
x: { tickRotate: 90 },
color: { scheme: "reds" },
marginLeft: 50,
marginRight: 100,
marginBottom: 120,
width,
grid: true
})
Plot.barX(data, Plot.stackX(Plot.groupY({ x: "count" }, {
y: "Unique Id",
fill: "FADO Type",
// fill: d => d.date.getFullYear() || "NA",
// stroke: "lightgrey"
}))).plot({
marks: [ Plot.frame({ stroke: "lightgray" }) ],
facet: {
data: data,
x: d => d.date.getFullYear() || "NA"
},
y: {
domain: TopN(data, { groupby: "Unique Id", order: "count", n: 100 }),
tickFormat: d => officerUniqueIds.get(d)
},
x: { axis: false },
// color: { scheme: "blues" },
marginLeft: 120,
width,
grid: true
})
Plot.barX(data, Plot.stackX(Plot.groupY({ x: "count" }, {
y: "Unique Id",
fill: "FADO Type",
// fill: d => d.date.getFullYear() || "NA",
// stroke: "lightgrey"
}))).plot({
marks: [ Plot.frame({ stroke: "lightgray" }) ],
// facet: {
// data: data,
// // y: d => d.date.getFullYear() || "NA",
// x: "FADO Type"
// },
y: {
domain: TopN(data, { groupby: "Unique Id", order: "count", n: 100 }),
tickFormat: d => officerUniqueIds.get(d)
},
x: { axis: false },
// color: { scheme: "blues" },
marginLeft: 120,
width,
grid: true
})
top10 = TopN(data, { groupby: "Unique Id", order: "count", n: 50 })
Inputs.table(complaints)
import { TopN } from "@enjalot/topn"
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.
