Skip to main content

Plot / Altair

Use Altair to create plot specifications for the Vega card.

import altair
from vega_datasets import data
from h2o_wave import site, ui

spec = altair.Chart(data.cars()).mark_circle(size=60).encode(
x='Horsepower',
y='Miles_per_Gallon',
color='Origin',
tooltip=['Name', 'Origin', 'Horsepower', 'Miles_per_Gallon']
).properties(width='container', height='container').interactive().to_json()

page = site['/demo']

page['example'] = ui.vega_card(
box='1 1 4 5',
title='Altair Example',
specification=spec,
)

page.save()

Tags:  altairplotvega