search

kisst / mindmap

d3j + yaml + html = magic
Apache License 2.0
3 stars 2 forks source link

Visual indication of last nodes of a tree #32

Open kisst opened 4 years ago

kisst commented 4 years ago

When a map is rendered , a visual language does not make it trivial that an item has no sub-items, so user might try to open / close them, @anttisalo any suggestions for a clear indication, which does not take a massive toll on the implementation, color or shape changes, something less taxing then a full new GUI ?

anttisalo commented 4 years ago

Let me have look at the source and see how the expanded/collapsed states are now handled. The current solution is IMO on the right track but needs to be more verbose not allowing the dot state to change if there are no children under it. image

kisst commented 4 years ago

Maybe a + and - would work, and empty if there no child, but also the no click action is a good point I was thinking only in UI, but it is function change as well. Saying this ... I'm unsure how would we draw into the circle :thinking:

anttisalo commented 4 years ago

The map is made using SVG. The states are inline styles and shouldn't be a problem to change to use classnames. I'll take a look when I find a free slot today

evenicoulddoit commented 4 years ago

Why not just make the border of the circle node grey?

kisst commented 4 years ago

That works as well, fine by me, the extra is as Antti pointed out the action should be removed / modified as well, as if the user still wonder on around and click on it that would get the gray back to blue. And I got our UX expert into the conversation as I really don't want to add User Manual, it really should be self explanatory how to use.