search

VisualDataWeb / WebVOWL

Visualizing ontologies on the Web
http://vowl.visualdataweb.org/webvowl.html
MIT License
736 stars 212 forks source link

Long node names truncated #82

Open m-emm opened 7 years ago

m-emm commented 7 years ago

In ontologies with a bit longer node names (longer that about 10 characters), the node names are truncated, and often the resulting graph is barely useable because of that. This can be easily seen when looking at the FOAF ontology on the nodes "Online Account", "Online Chat Account", "Online E-commerce Account".

One possible solution might be to break camel case or spaced labels into multiple lines.

steffen-l commented 7 years ago

Good point! We are aware of it, and it is already on our issue list. We will likely implement a similar solution as in LD-VOWL also for WebVOWL in the future: http://vowl.visualdataweb.org/ldvowl/ So this will likely be included in some future release. For now, you have the tooltips with the full name when you hover the element.

handrews commented 7 years ago

@steffen-l would you be receptive to pull requests? I didn't see a contributors' guide but perhaps I overlooked it somewhere. Not promising anything but I am really liking this tool and would like to help it along if I get a chance.

steffen-l commented 7 years ago

Yes, we are generally fine with pull requests and will likely accept them (if we don't have any bigger objections). Just go ahead! Contributions are appreciated.

However, note that for this issue here ("long node names truncated"), we already implemented a solution in part that will soon be completed and pushed - likely before end of May).

handrews commented 7 years ago

@steffen-l great to hear on both counts. I'll hold off on this one and wait for the next release.

imaneelarabi commented 5 years ago

Is there any news on this?

nandikajain commented 2 years ago

@steffen-l @vitalis-wiens The issues arises here in src/webvowl/js/util/:

CenteringTextElement.prototype.addTextline = function ( text, style, prefix, postfix ){
  var truncatedText = textTools.truncate(text, this._textBlock().datum().textWidth(), style);
AbsoluteTextElement.prototype.addTextline = function ( text, style, yShift, prefix, postfix ){
  var truncatedText = textTools.truncate(text, this._textBlock().datum().textWidth(yShift), style);

Here, the text is truncated. If we split the text based on the white spaces and then add line breaks, that could possibly solve this issue.