The avatar for @arubaklm
Aruba KLM
Public
Edited
Mar 1, 2023
Fork of Observable: a companion visualization tool for your data analysis
2
Insert cell
Insert cell
Insert cell
Insert cell
// Here's some sample data about our dogs
dogs = [
{ name: "Aida", age: 2, weight: 65 },
{ name: "Teddy", age: 6, weight: 50 }
]
Insert cell
Inputs.table(dogs)
Insert cell
viewof selectY = Inputs.radio(["age", "weight"], {
label: "y축 선택하기",
value: "age"
})
Insert cell
Plot.plot({
marks: [ // visual encoding of data
Plot.barY(dogs, {x: "name",
y: selectY,
sort: {x: "y", reverse: true}
}),
Plot.ruleY([0])
]
})
Insert cell
viewof selectedDogs = Inputs.table(dogs)
Insert cell
viewof selection = Inputs.radio(["a", "b"], {label: "고르기", value: "a"})
Insert cell
selection
Insert cell
Plot.plots(())
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { DuckDBClient } from "@cmudig/duckdb-client"
Insert cell
import { Choropleth, countries, countrymesh } from "@d3/world-choropleth"
Insert cell
Insert cell
import {addTooltips} from "@mkfreeman/plot-tooltip"
Insert cell
country_codes = FileAttachment("country_codes@1.csv").csv()
Insert cell
world_bank_data = FileAttachment("world_bank_data@1.csv").csv()
Insert cell

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.
Learn more