Published
Edited
Sep 22, 2022
cars = data['cars.json']()
Inputs.table(cars)
barChart = {
const bars = vl.markBar()
.title('Potência em cavalos por ano de fabricação')
.data(cars)
.encode(
vl.x().fieldN('Year')
.timeUnit('year')
.sort(vl.average('Horsepower').order('descending'))
.title('Ano de Fabricação'),
vl.y().fieldQ('Horsepower').aggregate('average')
.title('Cavalos')
)
.width(800)
.height(300)
return bars.render()
}
scatterplot = {
const colors = {
domain: ['USA', 'Japan', 'Europe'],
range: ['#F5B041 ', '#AF7AC5 ', '#7DCEA0']
};
return vl.markPoint()
.encode(
vl.x().fieldQ('Horsepower').title('Potência em Cavalos'),
vl.y().fieldQ('Acceleration').title('Aceleração'),
vl.color().fieldN('Origin').scale(colors)
)
.width(250)
.height(200)
.facet({column: vl.field('Origin')})
.data(cars)
.render();
}
Modifique esta célula com o link:
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.
