1 Chart, 3 Libraries

This post will show examples of embedding interactive charts produced using Altair Vega-Lite via Observable, and Holoviews.

Altair Example

Below is a chart of the incidence of measles since 1928 for the 50 US states.

This was produced using Altair and embedded in this static web page. Note that you can also display Python code on this page:

import altair as alt
alt.renderers.enable('notebook')

Observable Example

The same plot produced using Vega-Lite in Observable. See this notebook for more details.

Holoviews Example

Lastly, the measles incidence produced using the Holoviews package:

Note

See the raw source code of this post for details on how these charts were embedded.

When embedding charts, you will likely need to adjust the width/height of the charts before embedding them in the page so they fit nicely when embedded.