I have a layer list that is being created like this d3 version here and I want to append some sort of information icon to the lowest level nodes. To give some background, the user will be selecting geographic layers and the button would give the user information about what the layer means. For example, if the user isn't sure what a "Monolith" is or what is considered as a "Minor Road", they can get supplemental information by clicking on this icon, but I'm having issues appending and displaying the image because they are being created as
svg elements. I have thought about using tooltips that would appear when the user hovers over a layer for a specified amount of time, but that doesn't seem like the best option as they can be kind of intrusive and if someone doesn't hover for long enough, they won't know it exists.
Which do you think is the better solution for my particular situation?
Find a way to append a button that users can click and get information
Use a tooltip that appears after a specified amount of time?
Any opinions are appreciated!