Altair

Video Walkthrough

What will you get with this integration?

Altair is a declarative statistical visualization library for Python, based on Vega and Vega-Lite, and the source is available on GitHub. This integration lets you log interactive charts generated in Altair to Neptune.

Introduction

This guide will show you how to:

  • Initialize Neptune and create a run,

  • Log altair charts to Neptune.

Step 0: Before you start

Install neptune-client and altair:

pip install neptune-client altair

This integration is tested with neptune-client==0.9.19 and altair==4.1.0

Step 1: Import and initialize neptune

import neptune.new as neptune
run = neptune.init(api_token='<your_api_token>', project='<your_project_name>')

You can use the api_token='ANONYMOUS' and project='common/altair-support' to explore without having to create a Neptune account

Executing this cell will give you a link looking like: https://app.neptune.ai/common/altair-support/e/AL-1 with common/altair-support replaced by your project, and AL-1 replaced by your run.

Click on the link to open the run in Neptune. For now, it is empty but keep the tab with the run open to see what happens next.

Step 2: Log Altair figures to Neptune

Create a sample figure

Install vega_datasets to access sample data

pip install vega_datasets==0.9.0

Create a sample figure using data from vega_datasets.data.cars()

import altair as alt
from vega_datasets import data
source = data.cars()
brush = alt.selection(type="interval")
points = (
alt.Chart(source)
.mark_point()
.encode(
x="Horsepower:Q",
y="Miles_per_Gallon:Q",
color=alt.condition(brush, "Origin:N", alt.value("lightgray")),
)
.add_selection(brush)
)
bars = (
alt.Chart(source)
.mark_bar()
.encode(y="Origin:N", color="Origin:N", x="count(Origin):Q")
.transform_filter(brush)
)
chart = points & bars

Log interactive figure

run["interactive_img"].upload(neptune.types.File.as_html(chart))

Step 3: Stop logging

Once you are done logging, you should stop tracking the run using the stop() method. This is needed only while logging from a notebook environment. While logging through a script, Neptune automatically stops tracking once the script has completed execution.

run.stop()

Step 4: Explore the results in the Neptune

The images can be found in the All Metadata section:

Conclusion

You have learned how to:

  • Initialize Neptune and create a run,

  • Log altair charts to Neptune.

What's next

Now that you know how to log charts to Neptune, you can learn: