Customizable Charts

Here's a quick demo of how to log customizable charts from your script to Weights & Biases and then tweak the charts in the UI.

1. Log data using wandb.plot. Example code →
2. Click edit on the default customizable chart.
3. Edit the Vega spec to your customize how the data is visualized.

Here's a glimpse of what that looks like:

Here are some example charts. You can clone this report and edit these customizable charts to play with this feature.

1. Log the data

• Run this Google Colab
• This logs tables of data and also specifies default charts.
• Re-run the logging cell to get more data to play with in the UI.

2. View custom charts

• Open the project page link, printed out under the cell, to view your charts.
• At the top are the default line plots that print out when you call wandb.log in your script.
• Find the Custom Charts section — this is where your special Customizable Charts will be.
• Note that the tables of raw data are visible in the Media section.

3. Customize a chart

• Click the edit pencil on a chart in the Custom Charts section.
• Click edit inside the modal to customize the Vega spec for the chart.
• Make tweaks in Vega and see the changes in the chart in real time.

Questions?

That's it! You've got a customizable chart. Click the chat icon in the lower right corner of the page to ask questions or give feedback on this feature. Here are a couple useful links for docs:

• Custom charts documentation
• Vega docs for customizing the visualizations