• Stars
    star
    369
  • Rank 111,563 (Top 3 %)
  • Language
    Jupyter Notebook
  • License
    BSD 3-Clause "New...
  • Created over 8 years ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

IPython/Jupyter notebook module for Vega and Vega-Lite

IPython Vega

PyPI npm version Build Status

IPython/Jupyter notebook module for Vega 5, and Vega-Lite 4. Notebooks with embedded visualizations can be viewed on GitHub and nbviewer. If you use JupyterLab (not the notebook), you don't need to install this extension since JupyterLab comes with built-in support for Vega and Vega-Lite.

Available on pypi and Conda Forge as vega.

Install and run

Python Package Index

To install vega and its dependencies from the Python Package Index using pip, use the following commands:

pip install jupyter pandas vega
pip install --upgrade notebook  # need jupyter_client >= 4.2 for sys-prefix below
jupyter nbextension install --sys-prefix --py vega
jupyter nbextension enable --py --sys-prefix vega

Conda Forge

If you use Conda, you probably already have the latest versions of the notebook and pandas installed. To install vega extension run:

conda install vega

Usage

Once the package is installed, run

jupyter notebook

to launch the Jupyter notebook server, and use vega within the notebook. See the example notebooks for Vega-Lite and Vega.

To run the notebooks yourself, you need to get the file cars.json.

Developers

This project uses Poetry. If you prefer a local virtual environment, run poetry config virtualenvs.in-project true first. Install requirements: poetry install.

Then activate the virtual environment with poetry shell.

Symlink files instead of copying files:

jupyter nbextension install --py --symlink --sys-prefix vega
jupyter nbextension enable --py --sys-prefix vega

Run kernel with jupyter notebook. Run the tests with pytest vega.

To rebuild the JavaScript continuously, run yarn watch.

How to make a release

  • Update the JavaScript dependencies by changing package.json (e.g. with ncu).
  • Run yarn.
  • Update the version number in pyproject.toml (with poetry version [VERSION]), package.json, _frontend.py, and __init__.py
  • Rebuild the JavaScript with yarn build.
  • Make sure that everything still works (launch notebook and widgets and try the examples).
  • Add a git tag.
  • git push --tags.
  • Run npm publish to update https://www.npmjs.com/package/jupyter-vega.
  • Then run poetry publish --build to update https://pypi.python.org/pypi/vega.

The Conda feedstock for this package is at https://github.com/conda-forge/vega-feedstock. It should update automatically but we may need to merge a pull request with the updates.

Visual Regression Tests

ipyvega uses the same technical solution as ipywidgets for visual regression testing (i.e. Galata).

Therefore, the instructions provided for ipywidgets visual regression tests apply here.

Currently:

  • ipyvega uses ui-tests/tests/notebooks/vega.ipynb notebook for testing
  • reference images are in the ui-tests/tests/vega.test.ts-snapshots/ directory.

More Repositories

1

vega

A visualization grammar.
JavaScript
10,564
star
2

vega-lite

A concise grammar of interactive graphics, built on Vega.
TypeScript
4,260
star
3

voyager

Visualization Tool for Data Exploration
TypeScript
1,405
star
4

ts-json-schema-generator

Generate JSON schema from your Typescript sources
TypeScript
1,312
star
5

lyra

An interactive, graphical Visualization Design Environment (VDE)
TypeScript
1,042
star
6

falcon

Brushing and linking for big data
Jupyter Notebook
919
star
7

datalib

JavaScript data utility library.
JavaScript
727
star
8

polestar

Lightweight Tableau-style interface for visual analysis, built on Vega-lite.
JavaScript
370
star
9

react-vega

Convert Vega spec into React class conveniently
TypeScript
363
star
10

vega-embed

Publish Vega visualizations as embedded web components with interactive parameters.
TypeScript
352
star
11

compassql

CompassQL Query Language for visualization recommendation.
TypeScript
258
star
12

vega-datasets

Common repository for example datasets used by Vega-related projects
TypeScript
234
star
13

vega-lite-api

A JavaScript API for Vega-Lite.
JavaScript
198
star
14

editor

Editor/IDE for Vega and Vega-Lite
TypeScript
134
star
15

vega-themes

Themes for stylized Vega and Vega-Lite visualizations.
TypeScript
104
star
16

vega-desktop

App for viewing visualizations created in Vega or Vega-lite
JavaScript
87
star
17

vega-tooltip

Tooltip Plugin for Vega-Lite
TypeScript
77
star
18

vega.github.io

The Vega landing page.
HTML
70
star
19

react-vega-lite

react + vega-lite
JavaScript
68
star
20

svelte-vega

Svelte component for Vega and Vega-Lite
Svelte
66
star
21

vl-convert

Utilities for converting Vega-Lite specs from the command line and Python
Rust
65
star
22

compass

Visualization Recommendation Engine, powered by Vega-Lite Specification Language
JavaScript
56
star
23

vega-loader-arrow

Data loader for the Apache Arrow format.
JavaScript
51
star
24

scalable-vega

A demo of scaling Vega to millions of records
TypeScript
45
star
25

vega-webgl-renderer

WebGL renderer for Vega.
JavaScript
41
star
26

vega-dataflow

Reactive dataflow processing.
JavaScript
39
star
27

vega-editor

[Deprecated] Please use https://github.com/vega/editor! (Link to deployed old editor: http://vega.github.io/vega-editor)
JavaScript
39
star
28

dataflow-api

JavaScript API for dataflow processing.
JavaScript
38
star
29

vega-plus

Make Vega charts of large datasets
TypeScript
35
star
30

vega-scenegraph

Vega scenegraph and renderers.
JavaScript
34
star
31

voyager2

Deprecated version of Voyager 2 (in Angular), please use https://github.com/vega/voyager.
JavaScript
30
star
32

schema

JSON schema for Vega and Vega-Lite
27
star
33

vega-lite-tutorials

Compilation of Vega-Lite & Altair Tutorials
Jupyter Notebook
24
star
34

vega-expression

Vega expression parser and code generator.
JavaScript
24
star
35

vega-lib

Include Vega in projects using minimal dependencies.
HTML
21
star
36

dataflow-vis

Experimental Vega Dataflow Visualization
JavaScript
20
star
37

vega-view

View component for Vega visualizations.
JavaScript
20
star
38

vega-label

Labeling algorithm for Vega.
JavaScript
19
star
39

vega-render-service

A service to render Vega visualizations
TypeScript
19
star
40

datalib-sketch

Probabilistic data structures for large or streaming data sets.
JavaScript
19
star
41

editor-backend

Backend for the Vega Editor
TypeScript
18
star
42

vega-bundler

Compile optimized Vega and Vega-Lite bundles.
JavaScript
17
star
43

vega-lite-ui

Common UI Library that powers Polestar and Voyager
JavaScript
13
star
44

vega-renderer-webgl

WebGL Renderer extension for Vega
JavaScript
13
star
45

vega-tutorials

Interactive tutorials for learning Vega.
JavaScript
13
star
46

vega-parser

Parse Vega specifications to runtime dataflows.
JavaScript
13
star
47

vega-vscode

Vega Language Plug-in for Visual Studio Code
TypeScript
12
star
48

vega-statistics

Statistical routines and probability distributions.
JavaScript
12
star
49

voyager-server

TypeScript
11
star
50

roadmap

The Vega and Vega-Lite Roadmap
9
star
51

vega-geo

Geographic data transforms for Vega dataflows.
JavaScript
8
star
52

vega-typings

Typings for Vega
TypeScript
8
star
53

vega-lite-transforms2sql

Convert extracted Vega-Lite transforms to SQL for scalable visualizations
TypeScript
6
star
54

vega-runtime

Runtime support for Vega dataflows.
JavaScript
6
star
55

vega-webgpu

WebGPU Renderer Extension for Vega
TypeScript
6
star
56

vega-crossfilter

Indexed cross-filtering for Vega dataflows.
JavaScript
6
star
57

vega-lite-to-api

Convert Vega-Lite JSON spec to Vega-Lite JS API
TypeScript
6
star
58

vega-hierarchy

Hierarchical layout transforms for Vega dataflows.
JavaScript
5
star
59

vega-logging

Vega logging utilities.
JavaScript
5
star
60

vega-util

JavaScript utilities for Vega.
JavaScript
4
star
61

vue-vega

Vue component for Vega and Vega-Lite
TypeScript
4
star
62

voyager-electron

JavaScript
4
star
63

vl-convert-service

Python
4
star
64

vega-loader

Network request and file loading utilities.
JavaScript
3
star
65

vega-wordcloud

Wordcloud layout algorithm for Vega dataflows.
JavaScript
3
star
66

vega-dataflow-examples

Example applications driven by Vega dataflows.
JavaScript
3
star
67

voyager-docs

3
star
68

vega-projection

Projections for cartographic mapping.
JavaScript
3
star
69

vega-event-selector

A CSS-inspired language to select, sequence, and compose DOM events into event streams.
JavaScript
3
star
70

vega-lite-v1

Copy of Vega-Lite 1.x website
TypeScript
2
star
71

vega-lite-params-proposal

2
star
72

vega-transforms

Data processing transforms for Vega dataflows.
JavaScript
2
star
73

vega-lite-dev-config

Version-controlled build config for easy re-use and sharing
TypeScript
2
star
74

vega-force

Force simulation transform for Vega dataflows.
JavaScript
2
star
75

vega-benchmarks

Scripts to benchmark Vega's performance
HTML
2
star
76

vega-lite-v4

Copy of the Vega-Lite 4 Website
JavaScript
2
star
77

ts-api

Typescript to API generator
TypeScript
2
star
78

vega-lite-shorthand

Shorthand Syntax for Vega-Lite
2
star
79

logos

Vega and Vega-Lite Logos
2
star
80

vega-embed-v2

Vega-Embed for Vega 2 and Vega-Lite 1
JavaScript
1
star
81

vega-gist

Client-side library for managing Vega GitHub gists.
1
star
82

vega-voronoi

Voronoi diagram transform for Vega dataflows.
JavaScript
1
star
83

vega-scale

Scales and color schemes for visual encoding.
JavaScript
1
star
84

vega-lite-v3

Copy of the Vega-Lite 3 Website
TypeScript
1
star
85

vega-view-transforms

View-specific transforms for Vega dataflows.
JavaScript
1
star
86

vega-canvas

Canvas and Image object instantiation utilities.
JavaScript
1
star
87

vega-encode

Visual encoding transforms for Vega dataflows.
JavaScript
1
star