Why can't I see my text areas in my annotation interface?

Label Studio Support
, ,
1

I’m trying to upload files with annotations from an OCR scan, but I want the text fields from those annotations to be visible and editable in the annotations UI. I’m getting the boxes themselves to appear on the image in the annotations UI, but when i select an annotation the text from the OCR itself is not visible.

Here is the code snippet I’m using for each annotation when I upload:
ocr_data.append({
“id”: f"ocr-{i}",
“type”: “labels”,
“value”: {
“x”: x_min,
“y”: y_min,
“width”: width,
“height”: height,
“text”: text
},
“to_name”: “image”,
“from_name”: “label”,
“labels”: [“Text”]
})

You can see that I’m trying to store the text from my OCR read under “labels”: “text”:text

My XML looks like this:
<View>
<Image name=“image” value=“$image” zoom=“true” maxWidth=“750px”
maxHeight=“750px”/>
<Labels name=“label” toName=“image”>
<Label value=“Text”/>
<Label value=“Course_Name”/>
<Label value=“Course_Id”/>
<Label value=“Grade”/>
<Label value=“Semester” background=“orange”/>
<Label value=“Year” background=“blue”/>
</Labels>

<!-- Text annotations tied to regions –>
<TextArea name=“ocr_text” toName=“label”
editable=“true” perRegion=“true” required=“true”
value=“$text” placeholder=“Enter or edit OCR text”/>

</View>

The TextArea is how I’m supposed to do that, right? Did I mess up the tags or attributes or something?

Where is the text supposed to appear in this interface?

image
image574×923 24.8 KB

Thank you so much anybody who can help!

Let me know if there’s anything further you need from me to solve this problem…

2

I’m having the same issue. Did you manage to make it work?
Do you have the right structure to make it work?

3

I managed to make it work by following the template given here for the JSON file :
labelstud.io/blog/
the OCR template for the XML interface is given here : labelstud.io/guide/
and it is

<View>
  <Image name="image" value="$ocr"/>
  <Labels name="label" toName="image">
    <Label value="Text" background="green"/>
    <Label value="Handwriting" background="blue"/>
  </Labels>
  <Rectangle name="bbox" toName="image" strokeWidth="3"/>
  <Polygon name="poly" toName="image" strokeWidth="3"/>
  <TextArea name="transcription" toName="image" editable="true" perRegion="true" required="true" maxSubmissions="1" rows="5" placeholder="Recognized Text" displayMode="region-list"/>
</View>

in your case the text is tied to a label, in the example it is tied to the image, maybe that will fix your issue ?
also, in your python snippet the variable is called ocr_data but it is then referenced as ocr_text in the XML file

1 Like