• Stars
    star
    943
  • Rank 48,473 (Top 1.0 %)
  • Language
    Jupyter Notebook
  • License
    Other
  • Created about 8 years ago
  • Updated 3 months ago

Reviews

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

Repository Details

Brushing and linking for big data

Falcon: Interactive Visual Analysis for Big Data

npm version Tests code style: prettier

Crossfilter millions of records without latencies. This project is work in progress and not documented yet. Please get in touch if you have questions.

The largest experiments we have done so far is 10M flights in the browser, 33M flights in the browser with DuckDB, and ~180M flights or ~1.7B stars when connected to OmniSciDB (formerly known as MapD).

We have written a paper about the research behind Falcon. Please cite us if you use Falcon in a publication.

@inproceedings{moritz2019falcon,
  doi = {10.1145/3290605},
  year  = {2019},
  publisher = {{ACM} Press},
  author = {Dominik Moritz and Bill Howe and Jeffrey Heer},
  title = {Falcon: Balancing Interactive Latency and Resolution Sensitivity for Scalable Linked Visualizations},
  booktitle = {Proceedings of the 2019 {CHI} Conference on Human Factors in Computing Systems  - {CHI} {\textquotesingle}19}
}

Demos

Falcon demo

Usage

Install with yarn add falcon-vis. You can use two query engines. First ArrowDB reading data from Apache Arrow. This engine works completely in the browser and scales up to ten million rows. Second, MapDDB, which connects to OmniSci Core. The indexes are created as ndarrays. Check out the examples to see how to set up an app with your own data. More documentation will follow.

Features

Zoom

You can zoom histograms. Falcon automatically re-bins the data.

Show and hide unfiltered data

The original counts without filters, can be displayed behind the filtered counts to provide context. Hiding the unfiltered data shows the relative distribution of the data.

With unfiltered data.

Without unfiltered data.

Circles or Color Heatmap

Heatmap with circles (default). Can show the data without filters.

Heatmap with colored cells.

Vertical bar, horizontal bar, or text for counts

Horizontal bar.

Vertical bar.

Text only.

Timeline visualization

You can visualize the timeline of brush interactions in Falcon.

Falcon with 1.7 Billion Stars from the GAIA Dataset

The GAIA spacecraft measured the positions and distances of stars with unprecedented precision. It collected about 1.7 billion objects, mainly stars, but also planets, comets, asteroids and quasars among others. Below, we show the dataset loaded in Falcon (with OmniSci Core). There is also a video of me interacting with the dataset through Falcon.

Developers

Install the dependencies with yarn. Then run yarn start to start the flight demo with in memory data. Have a look at the other script commands in package.json.

Experiments

First version that turned out to be too complicated is at https://github.com/vega/falcon/tree/complex and the client-server version is at https://github.com/vega/falcon/tree/client-server.

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

lyra

An interactive, graphical Visualization Design Environment (VDE)
TypeScript
1,042
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