EEG Browser Visualization

Main dependencies

• Ramda A practical functional library for JavaScript programmers.

• Redux: A Predictable State Container for JS Apps

• Visx: A collection of expressive, low-level visualization primitives for React.

• RxJS: RxJS is a library for composing asynchronous and event-based programs by using observable sequences. It provides one core type, the Observable, satellite types (Observer, Schedulers, Subjects) and operators to allow handling asynchronous events as collections.

• TypeScript A static type checker for javascript.

• Protocol Buffers To install the Protocol Buffers Compiler (protoc), run: apt install -y protobuf-compiler

User manual

The EEG Browser visualization component adds support for some useful visual helpers: The Signal Viewer and the Electrode Map.

Signal Viewer

Several tools can be used to navigate through the Signal Viewer:

• The Timeline Range View (1) can be used to change the boundaries of the viewed timeline.
• The Amplitude and Filter tools (2) can be used to increase/reduce the amplitude scale and apply high or low-pass filters.
• The Channel navigation (3) can be used to navigate through the viewed channels.
• The Event Panel (4) can be used to display information about the events when event data is available.
• If the selected timeline range contains more than 100 events, a message (5) indicates the user to reduce the boundaries of the timeline in order to display the event data.
  
  

_{Signal Viewer with signal values and event data displayed.}

Electrode Map

The current implementation of the Electrode Map supports 2 display modes: 2D and 3D.

2D View	3D View
The 2D view is a stereographic projection of the electrodes position. Electrodes are indexed and their name is displayed on mouse hover.	The 3D view displays the exact position of the electrodes on the brain.

Future developements to come

A signal annotation feature is currently under development.