Skip to content

A React Time Slider implementation for DECK.GL - (non)temporal data - by CPU filtering ⌛

Notifications You must be signed in to change notification settings

AdriSolid/deck.gl-time-series-widget

Repository files navigation

DECK.GL Time Slider implementation ⌛ demo

I need some caffeine to work :)

Buy Me a Coffee at ko-fi.com

App thumb

A React-Redux Time Slider implementation that allows you to render temporal (or even non-temporal) data. The example is fully integrated with the DECK.GL library, a WebGL-powered framework for visual exploratory data analysis of large datasets. The example is filtering the data array on the CPU.

Component gif

This demo shows a scatterplot meteorites world layer.

Description

It uses a simple Material UI slider and keeps the features until the end, that means that it is holding the features rendered. A bar chart is showing the data per date; an 'on hover' event shows the numeric accumulation in a little left container. It is also possible to restart the animation clicking the 'undo' button.

To run

  • You'll need to have git and node installed in your system.
  • Fork and clone the project:
git clone https://github.com/AdriSolid/DECK.GL-Time-Slider.git
  • Then install the dependencies:
npm install
  • Start, check => localhost:8080
npm start