• Stars
    star
    919
  • Rank 47,715 (Top 1.0 %)
  • Language
    Jupyter Notebook
  • License
    Other
  • Created over 7 years ago
  • Updated about 1 month 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

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

datalib

JavaScript data utility library.
JavaScript
727
star
7

polestar

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

ipyvega

IPython/Jupyter notebook module for Vega and Vega-Lite
Jupyter Notebook
369
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