The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Public
Edited
Oct 14, 2022
4 stars
data = await FileAttachment("data.csv").csv({typed:true})
Inputs.table(data)
// Your code here
// Your code here
// Your code here
// Your code here
viewof xFacet = Inputs.radio(["day", "month", "hour"], {value:"hour", label:"Select an X facet:"})
viewof yFacet = Inputs.radio(["day", "month", "hour"], {value:"month", label:"Select a Y facet:"})
// Your code here
domains = ({
month:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
day:["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
})
import {Q, A, styles} with {renderSnippetOverride as renderSnippet} from "@observablehq/plot-exploration-penguins";
styles
<style>
details ul {
max-width: 100%;
}
</style>
function renderSnippetOverride(str) {
try {
// TODO: if you want to support more variables in the solutions you add them as a string and pass them in here
const func = new Function("data", "Plot", "d3", "width", "domains", "xFacet", "yFacet", `return ${str}`)
return func(data, Plot, d3, width, domains, xFacet, yFacet);
}
catch(e) {
console.error(e)
}
}
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.
