The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Unlisted
Edited
May 30, 2023
string = chars.join("")
chars = ["d", "e", "1", "5", "6", "a", "2", "f", "c", "8"]
Plot.plot({
height: 80,
x: {type: "band"},
marks: [
Plot.barY(chars, Plot.groupX({y: "count"}, {x: (d) => d, tip: true}))
]
})
Plot.plot({
height: 80,
x: {type: "band"},
marks: [
Plot.barY(chars, Plot.groupX({y: "count"}, {x: (d) => d, title: (d) => d, tip: true}))
]
})
Plot.plot({
height: 80,
x: {type: "band"},
marks: [
Plot.barY(chars, Plot.groupX({y: "count", title: (d) => d}, {x: (d) => d, tip: true}))
]
})
Plot.plot({
height: 80,
x: {type: "band"},
marks: [
Plot.barY(chars, Plot.groupX({y: "count"}, {x: (d) => d, title: Plot.identity, tip: true}))
]
})
Plot.plot({
height: 80,
x: {type: "band"},
marks: [
Plot.barY(chars.map((d) => ({char: d})), Plot.groupX({y: "count"}, {x: "char", tip: true}))
]
})
Plot.plot({
height: 80,
x: {type: "band"},
marks: [
Plot.tip(chars, Plot.groupX({y: "count"}, {x: (d) => d}))
]
})
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.
