cybernetic.dev

Immersive data visualization experiments with Svelte.js and Three.js

loading component...

Helix

Inspired by the concept of a time spiral, OHLC data is mapped onto a helix with an adjustable pitch. Going beyond 2D candlestick charts, the 3rd dimension is used to encode trading volume in candle thickness.

Open Experiment
Asset
Price USD
24H Change %
24H Change
24H Volume
24H Volume USD
24H Low/High
24H Trades
Best Bid
Best Ask
Spread
Spread %
Amount
Total USD
Allocation %
  01 
1INCH
- - - - - - - - - - - - -
  02 
AAVE
- - - - - - - - - - - - -
  03 
ACA
- - - - - - - - - - - - -
  04 
ACH
- - - - - - - - - - - - -
  05 
ADA
- - - - - - - - - - - - -
  06 
ADX
- - - - - - - - - - - - -
  07 
AGLD
- - - - - - - - - - - - -
  08 
AIR
- - - - - - - - - - - - -
  09 
AKT
- - - - - - - - - - - - -
  10 
ALCX
- - - - - - - - - - - - -
  11 
ALGO
- - - - - - - - - - - - -
  12 
ALICE
- - - - - - - - - - - - -
  13 
ALPHA
- - - - - - - - - - - - -
  14 
ANKR
- - - - - - - - - - - - -

Table

Combines a market screener and a portfolio tracker in a simple, unified design. The data distribution of the sorted column is visualized to provide an extended context for the current position in the dataset.

Open Experiment
loading component...

Cube

Identifies clusters in fast streaming data via a density-based spatial clustering algorithm. Regression planes visualize how each of the 3 dimensions is predicted by the other 2 dimensions.

Open Experiment

Dense

Displays as much data as possible while providing deep control over the data density to ensure legibility. Pagination is used only when absolutely necessary.

Open Experiment
loading component...

Graph

Computes correlation networks based on fast streaming data. To incentive thinking in terms of ranges vs. point estimates, the edges visualize the lower and upper bounds of each correlation's confidence interval. Nodes and edges are clickable to obtain more information.

Open Experiment

Matrix

Computes correlation coefficients and confidence intervals and clusters them hierarchically. To enable high-performance analysis of large datasets, adjustable 2D windowing is used to compute correlations for visible variables only (if clustering is disabled) and render only those to the DOM (irrespective of clustering).

Open Experiment