Package: jupyterlab-vega3
jupyterlab-vega3A JupyterLab extension for rendering Vega 3 and Vega-Lite 2Vega 3 is deprecated. The latest version comes by default with JupyterLab. Only use this extension if you have specifications that do not work with the latest version.RequirementsJupyterLab >= 3.0Installpipinstalljupyterlab-vega3UsageTo render Vega-Lite output in IPython:fromIPython.displayimportdisplaydisplay({"application/vnd.vegalite.v2+json":{"$schema":"https://vega.github.io/schema/vega-lite/v2.json","description":"A simple bar chart with embedded data.","data":{"values":[{"a":"A","b":28},{"a":"B","b":55},{"a":"C","b":43},{"a":"D","b":91},{"a":"E","b":81},{"a":"F","b":53},{"a":"G","b":19},{"a":"H","b":87},{"a":"I","b":52}]},"mark":"bar","encoding":{"x":{"field":"a","type":"ordinal"},"y":{"field":"b","type":"quantitative"}}}},raw=True)Using thealtair library:importaltairasaltcars=alt.load_dataset('cars')chart=alt.Chart(cars).mark_point().encode(x='Horsepower',y='Miles_per_Gallon',color='Origin',)chartProvide vega-embed options via metadata:fromIPython.displayimportdisplaydisplay({"application/vnd.vegalite.v2+json":{"$schema":"https://vega.github.io/schema/vega-lite/v2.json","description":"A simple bar chart with embedded data.","data":{"values":[{"a":"A","b":28},{"a":"B","b":55},{"a":"C","b":43},{"a":"D","b":91},{"a":"E","b":81},{"a":"F","b":53},{"a":"G","b":19},{"a":"H","b":87},{"a":"I","b":52}]},"mark":"bar","encoding":{"x":{"field":"a","type":"ordinal"},"y":{"field":"b","type":"quantitative"}}}},metadata={"application/vnd.vegalite.v2+json":{"embed_options":{"actions":False}}},raw=True)Provide vega-embed options via altair:importaltairasaltalt.renderers.enable('default',embed_options={'actions':False})cars=alt.load_dataset('cars')chart=alt.Chart(cars).mark_point().encode(x='Horsepower',y='Miles_per_Gallon',color='Origin',)chartTo render a.vl,.vg,vl.jsonor.vg.jsonfile, simply open it:ContributingDevelopment installNote: You will need NodeJS to build the extension package.Thejlpmcommand is JupyterLab's pinned version ofyarnthat is installed with JupyterLab. You may useyarnornpmin lieu ofjlpmbelow.# Clone the repo to your local environment# Change directory to the jupyterlab-vega3 directory# Install package in development modepipinstall-e.# Link your development version of the extension with JupyterLabjupyterlabextensiondevelop.--overwrite# Rebuild extension Typescript source after making changesjlpmrunbuildYou can watch the source directory and run JupyterLab at the same time in different terminals to watch for changes in the extension's source and automatically rebuild the extension.# Watch the source directory in one terminal, automatically rebuilding when neededjlpmrunwatch# Run JupyterLab in another terminaljupyterlabWith the watch command running, every saved change will immediately be built locally and available in your running JupyterLab. Refresh JupyterLab to load the change in your browser (you may need to wait several seconds for the extension to be rebuilt).By default, thejlpm run buildcommand generates the source maps for this extension to make it easier to debug using the browser dev tools. To also generate source maps for the JupyterLab core extensions, you can run the following command:jupyterlabbuild--minimize=FalseUninstallpipuninstalljupyterlab-vega3