Quantified Self
DevicesVisuals

Visuals

These are some of the visuals we have made or selected.
Feel free to modify the code, create your own visual or explore.

  • Custom
  • Default
Circle Tutorial
Circle Tutorial

This is a very useful tutorial visualization. It is a simple circle changing size. It is useful to learn how the platform manages and maps parameters inside of a creative visualization.

Parameters
Size
P5.js
Sun
Sun

2D visualization of a sun rising and setting on a range of mountains. Useful to test simple parameter changes

Parameters
Sun Position
P5.js
Signal View
Signal View

Parameters
Signal 1
Signal 2
Signal 3
Signal 4
Signal 5
Signal 6
...
P5.js
Power Bars
Power Bars

Parameters
Theta
Alpha
Low beta
High beta
Gamma
Time Series
P5.js
Flower

Flower visualization. Useful for power values.

Parameters
Blue
Purple
Yellow
Orange
Red
P5.js
Cloud
Cloud

Reactive cloud to the different frequencies of a signal.

Parameters
Brightness
Low
Low Mid
High Mid
Highs
P5.js
Lava lamp
Lava lamp

Abstract flowing visuals with different colors where you can control the speed.

Parameters
Speed Change
Shaderpark
Synchrony Heads
Synchrony Heads

This is based on the Mutual Wave Machine installation. It is meant to be used when working with brain-to-brain synchrony.

Parameters
Distance
P5.js
Sound

How are your brain waves related to music? This visualization explores binaural tones, frequency, and waveforms to understand electrophysiology.

Parameters
Delta
Theta
Alpha
Beta
Gamma
P5.js