In Class Examples

Example 1: Directly from Vega-editor

Be careful: make sure the full data-path is in the URL in the vega-editor.

Example 2.1: From Altair

This is a plot I saved from Altair in Python.

For single (non-faceted) plots, we can make them change with the container:

This is not so for side-by-side plots:

But I can mess with the individual plot sizes:

Can also pull from a dataframe

Search The Data & Methods

Below is where we can put some links to both the data and the analysis code as buttons:

<div class="left">
<a class="m-1 btn btn-outline-primary btn-2 " href="https://github.com/vega/vega/blob/main/docs/data/cars.json">
  The Data
</a>
</div>

<div class="right">
<a class="m-1 btn btn-outline-primary btn-2 " href="https://blog.4dcu.be/programming/2021/05/03/Interactive-Visualizations.html">
  The Analysis
</a>
</div>