VQA数据集标注与查看工具

一个用于查看和标注视觉问答(VQA)数据集的简单Web工具。

功能特点

• 📝 支持CSV格式数据集的加载和浏览
• 🖼️ 图像预览和标注功能
• ✏️ 在线编辑问题(Q)、答案(A)和视觉基础(VG)信息
• 💾 支持标注数据的保存与导出
• 🌓 支持明暗主题切换
• 🔍 支持图像放大查看
• 📊 支持边界框标注和可视化

使用方法

1. 克隆仓库到本地:

git clone https://github.com/yourusername/data-checker.git

2. 安装依赖:

npm install express cors body-parser

3. 启动服务器:

node server.js

4. 在浏览器中打开 data_checker.html

文件结构

• data_checker.html - 主界面
• server.js - Node.js服务器
• annotations.json - 保存标注数据

数据格式

CSV文件格式要求：

• Index
• ImageName
• Q (问题)
• A (答案)
• VG (视觉基础)

标注数据JSON格式：

{
  "image_name": [
    {
      "type": "car",
      "bbox2d": [x1, y1, x2, y2]
    }
  ]
}

详细使用说明

基本操作流程

1. 启动系统后，通过本地上传加载 CSV 数据集文件
2. 使用上下键或按钮浏览不同行的图像和标注
3. 支持直接输入索引跳转到指定行
4. 可通过暗黑模式开关切换界面主题

图像标注功能

1. 图像查看：

   • 支持鼠标滚轮缩放
   • 支持鼠标拖动移动
   • 缩放后需轻微移动以更新边界框位置

2. 边界框标注：

   • 取消"启用缩放和移动"选项后可进行边界框选择
   • 选中的边界框显示为蓝色
   • 支持批量暂存标注框
   • 可导出全部标注数据为 JSON 格式

3. VQA 信息编辑：

   • 支持从预设选项中选择最佳 VQA 问题
   • 可编辑问题(Q)、答案(A)和视觉基础(VG)信息
   • 每条数据编辑后需手动保存
   • 支持导出编辑后的文本数据

界面功能

• 系统说明按钮：提供详细的操作指南
• 文件上传区：支持 CSV 文件导入
• 导航控制：支持上下翻页和索引跳转
• 标注控制：支持标注框的暂存和导出
• 视图控制：支持图像缩放和移动的开关

注意事项

• 图像缩放后需要轻微移动才能更新边界框位置
• 编辑数据后需及时保存，切换行不会自动保存
• 标注数据导出建议在所有编辑完成后进行

开发环境

• Node.js
• 现代浏览器 (Chrome/Firefox/Edge)

许可证

待定

贡献

欢迎提交Issue和Pull Request！