react-time-series

React component for labeling time series data with durations and timestamps. Label audio, video, CSV or JSON formatted time series data.

Usage no npm install needed!

<script type="module">
  import reactTimeSeries from 'https://cdn.skypack.dev/react-time-series';
</script>

README

React Time Series Editor

React component for labeling time series data with durations and timestamps. Label audio, video, CSV or JSON formatted time series data.

See demos and example code here.

If you just want to edit timeseries data, it's easier to just use the Universal Data Tool (MIT). This library is a module of the Universal Data Tool for use in custom react applications.

Features

  • Zoom and pan around waveforms
  • Create and label durations on multiple layers
  • Create and label time markers
  • View multiple waveforms (lines) on the same plot
  • Light/dark theme

Screenshots