| --- |
| title: DI Hand Pose Sample Dataset Viewer |
| emoji: 🎥 |
| colorFrom: blue |
| colorTo: indigo |
| sdk: docker |
| license: mit |
| pinned: false |
| --- |
| |
| # DI Hand Pose Sample Dataset 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) |
|
|
