English | 中文
https://flagopen.github.io/RoboCOIN-DataManager/
RoboCOIN dataset visualization and download tool, supporting filtering, preview, selection, and dataset export.
robocoin-html/
├── docs/
│ ├── assets/ # Resource files
│ │ ├── dataset_info/ # Dataset metadata (98 YAML files)
│ │ ├── info/ # Index files
│ │ │ ├── consolidated_datasets.json # Consolidated dataset information
│ │ │ └── data_index.json # Dataset index
│ │ ├── thumbnails/ # Thumbnail files (*.jpg, provided by assets/thumbnails)
│ │ └── videos/ # Video files (98 MP4s)
│ │
│ ├── css/ # Style files (modular)
│ │ ├── variables.css # CSS variable definitions
│ │ ├── base.css # Base styles
│ │ ├── layout.css # Layout styles
│ │ ├── header.css # Header styles
│ │ ├── filter.css # Filter styles
│ │ ├── video-grid.css # Video grid styles
│ │ ├── selection-panel.css # Selection panel styles
│ │ ├── modal.css # Modal styles
│ │ ├── animations.css # Animation definitions
│ │ ├── responsive.css # Responsive styles
│ │ └── style.css # CSS entry point
│ │
│ ├── js/ # JavaScript files (modular)
│ │ ├── modules/ # Feature modules
│ │ │ ├── config.js # Configuration management
│ │ │ ├── data-manager.js # Data management
│ │ │ ├── filter-manager.js # Filter management
│ │ │ ├── video-grid.js # Video grid
│ │ │ ├── selection-panel.js # Selection panel
│ │ │ ├── ui-utils.js # UI utilities
│ │ │ ├── event-handlers.js # Event handling
│ │ │ └── virtual-scroll.js # Virtual scrolling
│ │ ├── app.js # Main application
│ │ ├── main.js # Entry file
│ │ ├── templates.js # HTML templates
│ │ └── types.js # Type definitions
│ │
│ ├── index.html # Main page
│ ├── favicon.ico # Website icon
│ ├── README.md # Project documentation
│ └── REFACTORING.md # Refactoring documentation
│
└── README.md # Root directory documentation
- Multi-dimensional filtering: Scene, Robot, End-effector, Action, Object
- Hierarchical filters (supports object hierarchy)
- Real-time search functionality
- Filter Finder (filter option search)
- Video auto-play
- Hover information overlay
- Detail modal dialog
- Thumbnail loading (provided from assets/thumbnails directory, not auto-generated)
- Multi-select/Single-select
- Shopping cart functionality
- Batch operations (add/remove/clear)
- Selection state persistence
- JSON format export
- Python download command generation
- Support for ModelScope/HuggingFace sources
- Import saved selections
- Virtual scrolling (supports large datasets)
- Lazy loading videos
- IntersectionObserver optimization
- Element caching and reuse
- Chrome/Edge 61+
- Firefox 60+
- Safari 11+
- Opera 48+
(Modern browsers supporting ES6 modules)
Click the Filters button to open the filter panel:
- Select scene type
- Select robot model
- Select end-effector
- Select action type
- Select object (supports hierarchical selection)
Use the top search box to search datasets by name.
- Click cards to select/deselect
- Use select all / deselect for batch operations
- Selected cards will be highlighted
- Click 🛒 add to add selected items to cart
- Click 🗑️ remove to remove selected items from cart
- Click 🔄 clear to clear the cart
- Select Hub source (ModelScope or HuggingFace)
- Click 📋 Copy & Checkout ⬇️ to copy the command
- Execute the command in terminal to download datasets
- Click 📤 export .json to export selection list
- Click 📋 import .json to import saved list
Issues and Pull Requests are welcome!
For any questions, please contact pykerogers@outlook.com