Texts are overlapping in visualization overviews

[RiikkaDream]

Texts often overlap in visualizations, making reading them impossible. For instance:

A simple solution or hotfix might be to be able to hide the text labels, and only show the one that the mouse is currently hovering at. In cases where the labels are short, this could be disable/enabled and show all of them at once in case they do not overlap.

Or alternatively, to be able to add each text label in its own line (even manually would be useful, or automatically detect their lengths), with maybe lines showing the barswhere each label is attached to. Something like this:

Or 3rd alternative: write the text diagonally or vertically, taking much less horizontal space.

The solution could be one of the suggestions here or a comination of them.

[oseppala]

A simpler alternative would be to change text orientation with CSS

[oseppala]

...or it might just be a D3 setting