• Stars
    star
    1,042
  • Rank 44,217 (Top 0.9 %)
  • Language
    TypeScript
  • License
    BSD 3-Clause "New...
  • Created about 12 years ago
  • Updated almost 2 years ago

Reviews

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

Repository Details

An interactive, graphical Visualization Design Environment (VDE)

Lyra

Lyra is an interactive environment that enables custom visualization design without writing any code. Graphical โ€œmarksโ€ can be bound to data fields using property drop zones; dynamically positioned using connectors; and directly moved, rotated, and resized using handles. Lyra also provides a data pipeline interface for iterative visual specification of data transformations and layout algorithms. Lyra is more expressive than interactive systems like Tableau, allowing designers to create custom visualizations comparable to hand-coded visualizations built with D3 or Processing. These visualizations can then be easily published and reused on the Web.

This is the working branch for Lyra 2 and does not contain all functionality. A deployed version of Lyra 1 is available online. For more information, check out the Lyra wiki.

To build a stable version of Lyra 1, see the master branch. For a stable but not fully-featured version of Lyra 2, see the lyra2 branch.

Local Development

Installation

To work on Lyra locally, you must have node and yarn installed on your computer. Download this repository with Git, then (from the command prompt or terminal) check out the lyra2 development branch with the command

git checkout lyra2019

Once you are on the lyra2 branch, run

yarn install

to install the project's code dependencies.

Start the local webserver with the command:

yarn start

Lyra should now be running at http://localhost:8080! This web server will auto-reload when you change the JavaScript code; manually re-building with npm run build should only be necessary if you update the SCSS stylesheets.

More Repositories

1

vega

A visualization grammar.
JavaScript
10,564
star
2

altair

Declarative statistical visualization library for Python
Python
9,105
star
3

vega-lite

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

ts-json-schema-generator

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

voyager

Visualization Tool for Data Exploration
TypeScript
1,405
star
6

falcon

Brushing and linking for big data
Jupyter Notebook
943
star
7

datalib

JavaScript data utility library.
JavaScript
727
star
8

ipyvega

IPython/Jupyter notebook module for Vega and Vega-Lite
Jupyter Notebook
372
star
9

polestar

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

react-vega

Convert Vega spec into React class conveniently
TypeScript
363
star
11

vega-embed

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

vegafusion

Serverside scaling for Vega and Altair visualizations
Rust
315
star
13

compassql

CompassQL Query Language for visualization recommendation.
TypeScript
258
star
14

vega-datasets

Common repository for example datasets used by Vega-related projects
Python
255
star
15

vega-lite-api

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

editor

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

vega-themes

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

vl-convert

Utilities for converting Vega-Lite specs from the command line and Python
Rust
96
star
19

vega-desktop

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

vega-tooltip

Tooltip Plugin for Vega-Lite
TypeScript
77
star
21

vega.github.io

The Vega landing page.
HTML
70
star
22

svelte-vega

Svelte component for Vega and Vega-Lite
Svelte
69
star
23

react-vega-lite

react + vega-lite
JavaScript
68
star
24

compass

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

vega-loader-arrow

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

scalable-vega

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

vega-webgl-renderer

WebGL renderer for Vega.
JavaScript
41
star
28

vega-dataflow

Reactive dataflow processing.
JavaScript
39
star
29

vega-editor

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

dataflow-api

JavaScript API for dataflow processing.
JavaScript
38
star
31

vega-plus

Make Vega charts of large datasets
TypeScript
36
star
32

vega-scenegraph

Vega scenegraph and renderers.
JavaScript
34
star
33

voyager2

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

schema

JSON schema for Vega and Vega-Lite
27
star
35

vega-lite-tutorials

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

vega-expression

Vega expression parser and code generator.
JavaScript
24
star
37

vega-lib

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

dataflow-vis

Experimental Vega Dataflow Visualization
JavaScript
20
star
39

vega-view

View component for Vega visualizations.
JavaScript
20
star
40

vega-label

Labeling algorithm for Vega.
JavaScript
19
star
41

datalib-sketch

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

vega-render-service

A service to render Vega visualizations
TypeScript
18
star
43

editor-backend

Backend for the Vega Editor
TypeScript
18
star
44

vega-bundler

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

altair_ally

Altair Ally is a companion package to Altair, which provides a few shortcuts to create common plots for exploratory data analysis.
Python
16
star
46

vega-lite-ui

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

vega-tutorials

Interactive tutorials for learning Vega.
JavaScript
13
star
48

vega-renderer-webgl

WebGL Renderer extension for Vega
JavaScript
13
star
49

vega-parser

Parse Vega specifications to runtime dataflows.
JavaScript
13
star
50

vega-vscode

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

vega-statistics

Statistical routines and probability distributions.
JavaScript
12
star
52

voyager-server

TypeScript
11
star
53

roadmap

The Vega and Vega-Lite Roadmap
9
star
54

vega-geo

Geographic data transforms for Vega dataflows.
JavaScript
8
star
55

vega-typings

Typings for Vega
TypeScript
8
star
56

vega-lite-transforms2sql

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

vega-runtime

Runtime support for Vega dataflows.
JavaScript
6
star
58

vega-webgpu

WebGPU Renderer Extension for Vega
TypeScript
6
star
59

vega-crossfilter

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

vega-lite-to-api

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

vega-hierarchy

Hierarchical layout transforms for Vega dataflows.
JavaScript
5
star
62

vega-logging

Vega logging utilities.
JavaScript
5
star
63

vega-util

JavaScript utilities for Vega.
JavaScript
4
star
64

vue-vega

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

voyager-electron

JavaScript
4
star
66

vl-convert-service

Vercel service wrapping vl-convert for use by the Vega editor
Python
4
star
67

vega-wordcloud

Wordcloud layout algorithm for Vega dataflows.
JavaScript
3
star
68

vega-dataflow-examples

Example applications driven by Vega dataflows.
JavaScript
3
star
69

vega-loader

Network request and file loading utilities.
JavaScript
3
star
70

voyager-docs

3
star
71

vega-projection

Projections for cartographic mapping.
JavaScript
3
star
72

vega-event-selector

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

SciPy2024-Altair-Tutorial

Materials for Vega-Altair tutorial at SciPy 2024
Jupyter Notebook
3
star
74

vega-lite-v1

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

vega-lite-params-proposal

2
star
76

vega-transforms

Data processing transforms for Vega dataflows.
JavaScript
2
star
77

vega-lite-dev-config

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

vega-force

Force simulation transform for Vega dataflows.
JavaScript
2
star
79

vega-benchmarks

Scripts to benchmark Vega's performance
HTML
2
star
80

vega-lite-v4

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

ts-api

Typescript to API generator
TypeScript
2
star
82

vega-lite-shorthand

Shorthand Syntax for Vega-Lite
2
star
83

logos

Vega and Vega-Lite Logos
2
star
84

vega-embed-v2

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

vega-gist

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

vega-voronoi

Voronoi diagram transform for Vega dataflows.
JavaScript
1
star
87

vega-scale

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

vega-lite-v3

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

vega-view-transforms

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

vega-canvas

Canvas and Image object instantiation utilities.
JavaScript
1
star
91

vega-encode

Visual encoding transforms for Vega dataflows.
JavaScript
1
star