!pip install -q altair_saver

!apt-get -qq install chromium-chromedriver

!npm install --silent vega-lite vega-cli canvas

import altair as alt
from vega_datasets import data
cars = data.cars.url

chart = alt.Chart(cars).mark_bar().encode(
  x=alt.X('Miles_per_Gallon:Q', bin=True),
  y='count()',
)

chart.display()

from altair_saver import save
for fmt in ['json', 'vg.json', 'html', 'png', 'svg', 'pdf']:
  save(chart, f'chart.{fmt}')
!ls -lh chart.*

from PIL import Image
Image.open("chart.png")

from IPython.display import display, SVG
with open("chart.svg") as f:
  display(SVG(f.read()))

import json

with open('chart.json') as f:
  display(alt.VegaLite(json.load(f)))

import json
from altair import vega
vega.renderers.enable('colab')

with open('chart.vg.json') as f:
  display(vega.Vega(json.load(f)))

from IPython.display import HTML

with open("chart.html") as f:
  html = f.read()
HTML(html)

from IPython.display import HTML
import base64

with open("chart.pdf", 'rb') as f:
  pdf_base64 = base64.b64encode(f.read()).decode()

HTML(f'Right-click and choose "Open In New Tab": <a download="chart.pdf" href="data:application/pdf;base64,{pdf_base64}">chart.pdf</a>')

alt.renderers.enable('altair_saver', fmts=['vega-lite', 'png'])
chart.display()

chart._repr_mimebundle_(include=None, exclude=None)