The avatar for @adolfoguimaraes
Adolfo Guimarães
Brazilian, Computer Science: professor and researcher, Areas of interest: #dataviz, #datascience, #machinelearning, #python, #d3js. I believe that technology should be used for society.
Public
Tutorial ObservableHQ
Edited
Oct 7, 2022
Fork of A taste of Observable
2 stars
3
Tutorial ObservableHQ
Conhecendo o Observable
Introdução à Observable Plot
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
"Olá, eu sou uma célula *Markdown*; eu possuo **texto** *formatado*. Minha área de edição (a parte sombreada) está aberta (*pinned*) para que você possa ver o texto.
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Inputs.table(data)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
data = FileAttachment("athletes.csv").csv({typed: true})
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.dot(data, {x: "weight", y: "height", stroke: "sex"})
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof myColorScheme = Inputs.select(["rdbu", "piyg", "puor", "spectral", "blues", "reds", "warm", "cool"], {label: "Esquema de cores"})
Insert cell
Plot.plot({
color: {
type: "diverging",
scheme: myColorScheme,
reverse: true
},
marks: [
Plot.dot(data, {x: "weight", y: "height", stroke: "weight"})
]
})
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
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