多图像分类
对于需要一次性分类多张图片的数据标注场景,或者需要对多张图片提出多个问题时,您可以使用此模板。
交互式模板预览
标注配置
<View>
<Header value="Please select everything you see on the image" />
<View style="display: flex;">
<View style="width: 49%; margin-right: 1.99%">
<Image name="img-left" value="$image1"/>
<Choices name="class-left" toName="img-left" choice="multiple">
<Choice value="People" />
<Choice value="Trees" />
<Choice value="Animals" />
</Choices>
</View>
<View style="width: 49%;">
<Image name="img-right" value="$image2"/>
<Choices name="class-right" toName="img-right" choice="multiple">
<Choice value="Food" />
<Choice value="Cars" />
<Choice value="Buildings" />
</Choices>
</View>
</View>
<View>
<Header value="Which one is clearer to you?" />
<Choices name="comparison" toName="img-left" showInline="true">
<Choice value="Left" />
<Choice value="Right" />
</Choices>
</View>
</View>
关于标注配置
所有标注配置必须包含在View标签内。
您可以添加一个header来为标注者提供说明:
<Header value="Please select everything you see on the image" />
使用View标签设置样式可以让两张图片并排显示:
<View style="display: flex;">
然后每张图片都被包裹在它自己的View标签中以控制显示:
<View style="width: 49%; margin-right: 1.99%">
在第一个View标签内,Image对象标签指定了左侧显示的图像:
<Image name="img-left" value="$image1"/>
value参数指定了Label Studio JSON任务中一个名为"image1"的JSON键,该任务必须导入包含两张图片URL的数据。
Choices 控制标签显示适用于左侧图像的分类选项,通过 toName 参数指定。choice 参数表示标注者可以选择多个选项:
<Choices name="class-left" toName="img-left" choice="multiple">
<Choice value="People" />
<Choice value="Trees" />
<Choice value="Animals" />
</Choices>
左侧用于显示图像和相关选项的View标签已关闭,随后新的View标签将第二个图像和选项选择样式设置为显示在右侧:
<View style="width: 49%;">
在此View标签内,Image对象标签指定了右侧显示的图像:
<Image name="img-right" value="$image2"/>
value参数指定了Label Studio JSON任务中"image2"的JSON键,该任务必须导入包含两张图像URL的数据。
Choices 控制标签显示适用于右侧图像的分类选项,通过 toName 参数指定:
<Choices name="class-right" toName="img-right" choice="multiple">
<Choice value="Food" />
<Choice value="Cars" />
<Choice value="Buildings" />
</Choices>
关闭图像和选择样式的两个View标签,并使用新的View标签分隔剩余的整体分类选项。您可以添加一个header来为标注者提供说明,并使用Choices控制标签显示关于两张图像的选择。
<View>
<Header value="Which one is clearer to you?" />
<Choices name="comparison" toName="img-left" showInline="true">
<Choice value="Left" />
<Choice value="Right" />
</Choices>
</View>
Choices标签的toName值引用了img-left,这样所有标注结果都会关联在一起。