Merge pull request #72 from lvlinsheng/website-lv

docs: add cuboid guidance

src/pages/guide.introduction/markdown_en-US.mdx

@@ -2,7 +2,7 @@
 
 ### Product Overview
 
-LabelU is an open-source data annotation tool that can help users quickly, accurately, and efficiently annotate data, thereby improving the performance and quality of machine learning models. LabelU supports various types of annotations, including label classification, bounding boxes, polygons, points, lines, text descriptions, etc., meeting different scenarios and annotation task needs.
+LabelU is an open-source data annotation tool that can help users quickly, accurately, and efficiently annotate data, thereby improving the performance and quality of machine learning models. LabelU supports various types of annotations, including label classification, text description, bounding boxes, polygons, points, lines, 3D cuboids, timestamps, segmentations, etc., meeting the annotation tasks of different scenarios and needs.
 You can experience the product in two ways:
 - Try online: [https://labelu.shlab.tech/](https://labelu.shlab.tech/)
 - Local deployment: [https://opendatalab.github.io/labelU/#/guide/install](https://opendatalab.github.io/labelU/#/guide/install)
@@ -11,9 +11,9 @@ You can experience the product in two ways:
 
 LabelU provides a variety of annotation tools and features, supporting image, video, and audio annotations.
 
-- Image-based: Multifunctional image processing tools, covering 2D box, semantic segmentation, polyline, key points, and various other annotation tools，to assist in the identification, annotation, and analysis of images.
-- Video-based: With powerful video processing capabilities, it can perform video segmentation, video classification, video information extraction, and other functions, providing high-quality annotated data for model training.
-- Audio-based: Efficient and accurate audio analysis tools, capable of audio segmentation, audio classification, audio information extraction, and other functions, making complex sound information intuitively visualized.
+- Image-based: A multifunctional image processing tool that includes various annotation tools such as bounding boxes, point marking, line marking, polygons, and cuboid, assisting in the identification, annotation, and analysis of images.
+- Video-based: Equipped with powerful video processing capabilities, capable of video segmentation, video classification, video timestamping, etc., providing high-quality annotated data for model training.
+- Audio-based: An efficient and precise audio analysis tool capable of audio segmentation, audio classification, audio timestamping, etc., better annotating complex sound information.
 
 ### Concept Introduction
 

src/pages/guide.introduction/markdown_zh-CN.mdx

@@ -2,7 +2,7 @@
 
 ### 产品介绍
 
-LabelU是一个开源的数据标注工具，它可以帮助用户快速、准确、高效地对数据进行标注，从而提高机器学习模型的性能和质量。LabelU支持多种标注类型，包括标签分类、拉框、多边形、点、线、文本描述等，满足不同场景和需求的标注任务。
+LabelU是一个开源的数据标注工具，它可以帮助用户快速、准确、高效地对数据进行标注，从而提高机器学习模型的性能和质量。LabelU支持多种标注类型，包括标签分类、文本描述、拉框、多边形、点、线、3D立体框、时间戳、片段分割等，满足不同场景和需求的标注任务。
 体验产品可通过以下两种方式：
 - 在线体验：[https://labelu.shlab.tech/](https://labelu.shlab.tech/)
 - 本地部署：[https://opendatalab.github.io/labelU/#/guide/install](https://opendatalab.github.io/labelU/#/guide/install)
@@ -11,9 +11,9 @@ LabelU是一个开源的数据标注工具，它可以帮助用户快速、准
 
 LabelU提供了多种标注工具和功能，支持图像、视频、音频标注。
 
-- 图像类：多功能图像处理工具，涵盖2D框、语义分割、多段线、关键点等多种标注工具，协助完成图像的标识、注释和分析。
-- 视频类：具备强大视频处理能力，可实现视频分割、视频分类、视频信息提取等功能，为模型训练提供优质标注数据。
-- 音频类：高效精准的音频分析工具，可实现音频分割、音频分类、音频信息提取等功能，将复杂的声音信息直观可视化。
+- 图像类：多功能图像处理工具，涵盖拉框、标点、标线、多边形、立体框等多种标注工具，协助完成图像的标识、注释和分析。
+- 视频类：具备强大视频处理能力，可实现视频分割、视频分类、视频时间戳等功能，为模型训练提供优质标注数据。
+- 音频类：高效精准的音频分析工具，可实现音频分割、音频分类、音频时间戳等功能，将复杂的声音信息更好进行标注。
 
 ### 概念说明
 

src/pages/guide.task-annotation.image/markdown_en-US.mdx

@@ -47,6 +47,10 @@ Annotation process description:
         <td>Line annotation</td>
         <td>1. Select the line tool and configure the labels, such as lane lines.<br />2. Click the left mouse button to annotate the starting point, then click again after 1+N for the end point. <br />3. Operating Shift + left button results in a vertical or horizontal line.</td>
     </tr>
+    <tr>
+        <td>Cuboid</td>
+        <td>1. Select the Cuboid tool and configure the label, such as "Car."<br />2. Click the left mouse button to mark the first point, then click again after drawing the range of the cuboid to create the front face.<br />3. Move the mouse to bring out the tail face (same as the front face), and click the left mouse button to complete.<br />4.Click to switch between the front and back faces and to change other orientations.<br />5.Right-click on the Cuboid after selecting it to adjust the positions of the eight points and six lines (four lines on the front face and two pillar lines on the tail face), or to delete the annotated Cuboid.</td>
+    </tr>
     </tbody>
 </table>
 

src/pages/guide.task-annotation.image/markdown_zh-CN.mdx

@@ -47,6 +47,10 @@ import tool from './tool.png';
         <td>标线标注</td>
         <td>1. 选中线条工具并配置标签，如车道线。<br />2. 单击鼠标左键标注起始点，再次点击1+N后右键为终止点。<br />3. 操作Shift+左键则为垂直或水平线。</td>
     </tr>
+    <tr>
+        <td>立体框标注</td>
+        <td>1. 选中立体框工具并配置标签，如汽车。<br />2. 单击鼠标左键标注第一点，画出框的范围之后再次单击左键，即可绘制出正面。<br />3. 移动鼠标带出尾面（与正面相同），点击鼠标左键完成。<br />4.点击更换正反面，更改更多朝向。<br />5.右键选中立体框之后，可以调整8个点的位置以及6条线的位置（正面四条线以及尾面两条立柱线），也可以删除已标注的立体框。</td>
+    </tr>
     </tbody>
 </table>
 

src/pages/guide.task-create.annotation-config/markdown_en-US.mdx

@@ -53,11 +53,16 @@ import audioAttributeConfig from './annotation-config-attribute-audio.png';
         <td>Line</td>
         <td>Users can draw lines on the image to annotate edges and contours in the image. Lines help users accurately annotate edges and contours in images and can be used for tasks such as object recognition and scene analysis.</td>
     </tr>
+    <tr>
+        <td></td>
+        <td>Cuboid</td>
+        <td>Users can draw Cuboid on images to annotate the three-dimensional spatial position and shape of target objects within the image. Cuboid aid in more accurately annotating the three-dimensional structure of objects in the images and are useful for tasks such as 3D object recognition and spatial analysis.</td>
+    </tr>
     </tbody>
 </table>
 
 
-Click ‘Annotation Tools’ dropdown box, you can select global tools like 'Label Classification', 'Text Description', as well as annotation tools like 'Bounding Box', 'Point', 'Polygon', 'Line'. The configuration explanation is as follows:
+Click on the drop-down menu under the "Annotation Tools" section to select from global tools like "Label Classification" and "Text Description," as well as marking tools such as "Bounding Box," "Point Marking," "Polygon," "Line Marking," and "Cuboid." The configuration details are as follows:
 
 <table>
   <thead>
@@ -97,6 +102,11 @@ Click ‘Annotation Tools’ dropdown box, you can select global tools like 'Lab
         <td>Line</td>
         <td>Line Type, Closing Point Number, Edge Adsorption, Label Configuration: Object classification for annotation, including both Chinese and English</td>
     </tr>
+    <tr>
+        <td></td>
+        <td>Cuboid</td>
+        <td>Label Configuration: Object classification for annotation, including both Chinese and English</td>
+    </tr>
     </tbody>
 </table>
 

src/pages/guide.task-create.annotation-config/markdown_zh-CN.mdx

@@ -53,11 +53,16 @@ import audioAttributeConfig from './annotation-config-attribute-audio.png';
         <td>标线</td>
         <td>用户可以在图像上绘制直线，用于标注图像中的边缘和轮廓。线可以帮助用户准确地标注图像中的边缘和轮廓，并且可以用于物体识别、场景分析等任务。</td>
     </tr>
+    <tr>
+        <td></td>
+        <td>立体框</td>
+        <td>用户可以在图像上绘制立体框，用于标注图像中目标物体的立体空间位置和形状。立体框可以帮助用户更加准确地标注图像中物体的三维结构，并且可以用于三维物体识别、空间分析等任务。</td>
+    </tr>
     </tbody>
 </table>
 
 
-点击「标注工具」框下拉工具，可选择「标签分类」，「文本描述」这些全局工具，以及「拉框」，「标点」，「多边形」，「标线」这些标记工具。配置说明如下：
+点击「标注工具」框下拉工具，可选择「标签分类」，「文本描述」这些全局工具，以及「拉框」，「标点」，「多边形」，「标线」，「立体框」这些标记工具。配置说明如下：
 
 <table>
   <thead>
@@ -97,6 +102,11 @@ import audioAttributeConfig from './annotation-config-attribute-audio.png';
         <td>标线</td>
         <td>线条类型，闭合点数，边缘吸附，标签配置：标注对象分类，包括中英文</td>
     </tr>
+    <tr>
+        <td></td>
+        <td>立体框</td>
+        <td>标签配置：标注对象分类，包括中英文</td>
+    </tr>
     </tbody>
 </table>