LabelBee 数据标注工具：3 步跑通你的第一个标注应用

LabelBee 数据标注工具：3 步跑通你的第一个标注应用

【免费下载链接】labelbeeLabelBee is an annotation Library项目地址: https://gitcode.com/gh_mirrors/la/labelbee

遇到"要搭标注平台，就得从零写一遍画布渲染层"的痛点？LabelBee 数据标注工具帮你跳过这一步：它把图形渲染引擎和标注组件库拆成独立模块，几行配置就能拼出一个可用的标注应用。

项目全景速览

LabelBee 的定位很明确：它是标注领域的"渲染 + 组件"底座，不是开箱即用的平台。它解决的核心问题是"画布上怎么画、画出来的东西怎么交互"，把矩形、多边形、关键点、文本这些基础形态都做好了，你只需要接上自己的数据和业务。适合两类人：想给现有系统嵌标注能力的开发者，以及想从零搭一套标注平台的团队。

LabelBee 数据标注 demo 内置了现成的示例素材，下面这只"雪地猫"就是其中一张：

你跑起 demo 后，就是对着这类素材拉框、画多边形、打标签。

LabelBee 核心能力拆解

渲染引擎：标注形态开箱即用

能做什么：矩形、多边形、线条、关键点、文本、标签、3D cuboid 以及分割相关形态，画布上的基础标注形态基本全覆盖。

怎么实现的：渲染层独立封装在packages/lb-annotation/src/core/，按工具拆分成独立的操作类，事件监听、坐标换算都收在这一层里。

对开发者意味着什么：你不用碰 canvas 底层细节，也能单独引入这个包，替换或扩展某个工具的绘制逻辑。

组件库：把标注界面直接拼出来

能做什么：从属性面板、标签列表，到视频时间轴、音频剪辑，标注专用 UI 组件覆盖了常见界面需求。

怎么实现的：核心入口是 AnnotationView 组件，传入图片地址就能得到一个完整标注视图，其余组件按功能目录组织在packages/lb-components/src/components/，按需取用。

对开发者意味着什么：界面不用自己搭，缺哪个组件看哪个目录，改样式和交互都很直接。

多模态：不止图像

图像之外，音频走集成 wavesurfer 的波形播放组件，支持剪辑、合并、打标签；文本方向提供实体识别类的 NLP 标注工具；3D 方向有点云模块，配 PCD 文件渲染和多视角 2D 联动。你按数据模态选组件就行，工具枚举里也预留了对应位置。

LabelBee 从零搭建指南

跟着敲就能跑通，一共三步。

1. 环境检查：本地装好 Node.js（v14+）和 npm 即可，项目用 lerna 管理多包，没有额外要求。
2. 克隆仓库：

git clone https://gitcode.com/gh_mirrors/la/labelbee cd labelbee

3. 安装依赖并完成包间链接：

npm install npm run bootstrap

4. 启动：

npm run start

浏览器打开 http://localhost:3000 就是 demo 页面。选一个工具（比如拉框），在示例图上画一下，标签和属性面板都会跟着出来，说明环境就通了。

场景落地实践

图像目标检测：拉框打标

场景描述：街道图上检测车辆，训练检测模型前需要把每一辆车框出来。

操作路径：在 demo 里选中拉框工具，对着素材画一个矩形，给框选标签，需要微调时直接拖顶点或边。

效果亮点：框的边框色、填充、透明度都能在属性面板里实时调，画完即可得到结构化结果。

这张道路车辆图就是 demo 里 cuboid 标注的素材之一：

拿这类素材练手拉框和 3D 框都很合适。

点云标注：2D 与 3D 联动

场景描述：自动驾驶方向常用 3D 点云标注目标位置和类别，比纯 2D 框多一层高度信息。

操作路径：demo 里配好 PCD 文件和标定参数后，在 3D 视图里选中对象，2D 视图会自动联动出对应区域。

效果亮点：顶视、前视、侧视多视角同步高亮，漏标的对象容易被发现。

下面是点云 demo 配套的街景参考图：

音频标注：在波形上精确定位

场景描述：语音数据要做片段级标注，先切出有意义的语音段，再打标签。

操作路径：音频组件把波形铺在时间轴上，拖动选区剪出片段，合并、打标签都是现成按钮。

效果亮点：波形可缩放，长音频也能对齐到具体位置再下笔。

扩展与社区

想改渲染逻辑，从 lb-annotation 的 core 目录入手；想加新组件，照着 lb-components 的组件目录仿一个最快；各类标注场景的配置样例都放在packages/lb-demo/src/mock/，抄改比从零写省事。项目遵循 Conventional Commits 规范，提 PR 前看一眼 docs 里的 commit 约定即可，Issue 和 PR 都欢迎。

选型参考

适合你	不适合你
React 项目里要嵌入图像、音频、文本、点云标注	需要带账号、任务、质检管理的完整平台，它只是库，业务层要自己搭
想省掉画布渲染层的开发量	非 React 技术栈，直接接入成本高
需要 3D 点云这类偏少见的标注能力	只要一个简单拉框功能，轻量方案可能就够

它不会替你搭平台，但能把标注里最麻烦的渲染和交互部分从你的清单里划掉。先跑通上面的 demo，再决定要不要继续往下做。

【免费下载链接】labelbeeLabelBee is an annotation Library项目地址: https://gitcode.com/gh_mirrors/la/labelbee