Hi there,
I’m very new to al this and learning from websites as this one.
I have a svgTree with almost hundred leafs. There’s a black leaf and on top of that a green leaf.
The leafs represents goals to achieve. When not finished they have the black colour and green when finished.
The idea is that when hovering/touch a leaf a tooltip appears under the tree with some formatted text in it that is linked to that leaf.
On clicking a page should open with the full document linked to that leaf.
I only seem to get text appearing when inside a element and inside the svg.
I would like te keep the text outside the svg and NOT use javascript/jquerry if possible because eventually this should come into a Joomla site.
I hope somebody finds this a challenge and will enlighten me how to proceed.
I have a codepen where the svg is simplified to 3 leafs.
Thanks for reading,
Guy Forssman