File size: 2,462 Bytes
98872c8
073aa17
6f0655f
 
 
 
 
98872c8
 
 
073aa17
6f0655f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
---
title: Mini-TUG Hand Pose Viewer
emoji: 🎥
colorFrom: blue
colorTo: indigo
sdk: docker
license: mit
pinned: false
---

# Mini-TUG Hand Pose Viewer (LeRobot UI)

This Space embeds the official **LeRobot Dataset Visualizer** so we get the exact same UI/UX as the `lerobot/visualize_dataset` Space, but it is pre-configured to load our dataset `raffaelkultyshev/mini_tug_tape_to_bowl`. Videos, language instructions, and 6DoF plots all stream directly from the dataset repository—no local cache required.

## Project Overview

This tool is designed to help robotics researchers and practitioners quickly inspect and understand large, complex datasets. It fetches dataset metadata and episode data (including video and sensor/telemetry data), and provides a unified interface for:

- Navigating between organizations, datasets, and episodes
- Watching episode videos
- Exploring synchronized time-series data with interactive charts
- Paginating through large datasets efficiently

## Key Features

- **Dataset & Episode Navigation:** Quickly jump between organizations, datasets, and episodes using a sidebar and navigation controls.
- **Synchronized Video & Data:** Video playback is synchronized with interactive data graphs for detailed inspection of sensor and control signals.
- **Efficient Data Loading:** Uses parquet and JSON loading for large dataset support, with pagination and chunking.
- **Responsive UI:** Built with React, Next.js, and Tailwind CSS for a fast, modern user experience.

## Technologies Used

- **Next.js** (App Router)
- **React**
- **Recharts** (for data visualization)
- **hyparquet** (for reading Parquet files)
- **Tailwind CSS** (styling)

## Getting Started

Install dependencies then run the dev server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

The local server will redirect straight to `/raffaelkultyshev/mini_tug_tape_to_bowl/episode_0`. To point the viewer at a different dataset, set the following env vars before running `npm run dev` or `npm run build`:

```bash
export REPO_ID=some_org/some_dataset
# optional: space-separated subset of episode indices
export EPISODES="0 1 2"
```

## Contributing

Contributions, bug reports, and feature requests are welcome! Please open an issue or submit a pull request.

### Acknowledgement 
The app was orignally created by [@Mishig25](https://github.com/mishig25) and taken from this PR [#1055](https://github.com/huggingface/lerobot/pull/1055)