Public
Edited
May 13
countries = data['countries.json']()
countries
Type Table, then Shift-Enter. Ctrl-space for more options.
barras = vl.markBar()
.data(countries)
.title("Expectativa de Vida")
.encode(
vl.x().average('life_expect').title("Expectativa de vida média")
,
vl.y().fieldN('country').title("País").
sort(vl.average('life_expect').order("descending"))
)
.render()
width = 1000
scatters = {
const scatter80 =
vl.markCircle()
.data(countries)
.title("1980")
.transform(
vl.filter(
'datum.year == 1980'
)
)
.encode(
vl.x().fieldQ('life_expect').title("Expectativa de Vida"),
vl.y().fieldQ('fertility').title("Fertilidade")
)
.width(width/3)
const scatter90 =
vl.markCircle()
.data(countries)
.title("1990")
.transform(
vl.filter(
'datum.year == 1990'
)
)
.encode(
vl.x().fieldQ('life_expect').title("Expectativa de Vida"),
vl.y().fieldQ('fertility').title("Fertilidade")
)
.width(width/3)
const scatter00 =
vl.markCircle()
.data(countries)
.title("2000")
.transform(
vl.filter(
'datum.year == 2000'
)
)
.encode(
vl.x().fieldQ('life_expect').title("Expectativa de Vida"),
vl.y().fieldQ('fertility').title("Fertilidade")
)
.width(width/3)
return vl.hconcat(vl.hconcat(scatter80, scatter90), scatter00)
.title(
{text:"Relação de Expectativa de Vida e Fertilidade em diferentes períodos",
anchor: "middle",
fontsize: 40
})
.render()
}
https://lucasaraga0.github.io/datavis2025/Vegalite1/imagens
import {vl} from '@vega/vega-lite-api-v5'
data = require('vega-datasets')
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.
