newlines in relations annotation

[julietteBergoend]

Hello Ines ! Thanks for this update, it works well for my annotation task !

Also I have some suggestions to make about the annotation interface when combining different annotation interfaces: by default interfaces are displayed in column, but it would be really great to be able to display them on the same row (just like I did with adding custom css).

It would be nice to choose the disposition (column or row) because modifying css can be a real brainteaser

Best regards

[1danjordan (Daniel Jordan)]

Hi @ines,

I'm giving v1.10.7 a spin now with the new relations interface and new lines. Thanks for implementing this - we're already using it.

There's one UI issue for me - there's a big gap between the top of the interface and the text. We've a custom interface with an image above the relations interface which means we need to scroll down to get to the text which cuts off the image which annotators need for reference.

[ines (Ines Montani)]

@AlejandroJCR

If might be useful, I already have a model in the loop which make predictions for each annotation, so at first glance, these are already populated, my use case has 21 relationable entities with 9 relations, then these are heavily populated tasks, could this influence some performance issues on the browser?

That's certainly possible. The more there is to render and the more possible connections there are, the more there is to do for the browser. Do you have a screenshot of what one of your examples looks like in the UI?

@julietteBergoend

Also I have some suggestions to make about the annotation interface when combining different annotation interfaces: by default interfaces are displayed in column, but it would be really great to be able to display them on the same row (just like I did with adding custom css).

That's a nice idea! I'll put this on my list and think about how to best implement that – maybe just a setting like blocks alignment.

(Also, not sure how you set this up now, but CSS grid is probably the best way to go – this also lets you implement more complex grid layouts, e.g. to show both toolbars at the top etc.)

@1danjordan

There's one UI issue for me - there's a big gap between the top of the interface and the text. We've a custom interface with an image above the relations interface which means we need to scroll down to get to the text which cuts off the image which annotators need for reference.

This is the relationHeight / relationHeightWrap theme setting that basically defines the height (in pixels) that you want to reserve for the arrows etc. You should be able to customise that via the custom_theme config setting in your recipe: Web Application · Prodigy · An annotation tool for AI, Machine Learning & NLP

[AlejandroJCR (Alejandro Jesús)]

@ines

That's certainly possible. The more there is to render and the more possible connections there are, the more there is to do for the browser. Do you have a screenshot of what one of your examples looks like in the UI?

Sure, here it's one small screenshot of a how a typical annotation would look like, they could be much larger, but they are typically composed of these types of blocks of relations: