simonhuwiler / dataviz_keyboard

Data Visualisation based on a Roccat Vulcan 120 Keyboard.

Home Page:https://youtu.be/fifkWMU1qL0

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[WASD] - The Rise of eSports - DataViz based on a Keyboard

This is an experimental story using a Roccat Vulcan 120 Keyboard and a Screen for data visualisations.
See the Result in the video below. In the Story there are:

  • data visualisations (Bar Charts, etc)
  • a typing test
  • a game running fully on the keyboard

For more information, have a look at my website: www.journalist.sh

Demo / Video

IMAGE ALT TEXT HERE
https://youtu.be/fifkWMU1qL0

Requirement

Installation

  • clone this Repository
  • open folder client in terminal and run npm install
  • open folder server in terminal and run npm install
  • Update your Keyboard ID. See API-Documentation

Run Story:

  • Start Server: npm start in folder server
  • Start Client: npm start in folder client

Keyboard API

The server talks to the keyboard per HID, therefore it should run on Mac and Linux. But it is tested only on windows.
The API to connect to your Roccat Vulcan is open source.

Have a look at:

Slides of the story

Intro

Intro

Pong

Pong

Bar charts

Bar chart

Spreading keys

Spreading keys

Writing test

Writing Test

Keyboard Game

Keyboard Game

About

Data Visualisation based on a Roccat Vulcan 120 Keyboard.

https://youtu.be/fifkWMU1qL0


Languages

Language:JavaScript 62.3%Language:Jupyter Notebook 24.5%Language:HTML 9.6%Language:CSS 3.6%