data = FileAttachment("penguins.csv").csv({typed: true})
fields = [
{ fid: "species", semanticType: "nominal", analyticType: "dimension"},
{ fid: "island", semanticType: "nominal", analyticType: "dimension"},
{ fid: "culmen_length_mm", semanticType: "quantitative", analyticType: "measure"},
{ fid: "culmen_depth_mm", semanticType: "quantitative", analyticType: "measure"},
{ fid: "flipper_length_mm", semanticType: "quantitative", analyticType: "measure"},
{ fid: "body_mass_g", semanticType: "quantitative", analyticType: "measure"},
{ fid: "sex", semanticType: "nominal", analyticType: "dimension"}
]
ds = FileAttachment("ds-students-service.json").json()
draw_gw({ data, fields })
draw_gw( ds )
function draw_gw(props) {
const div = htl.html`<div>`;
requestAnimationFrame(() => gw.embedGraphicWalker(div, props));
return div;
}
gw = import('https://cdn.jsdelivr.net/npm/@kanaries/graphic-walker@0.4.60/+esm')
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
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.
