Controlling several tight buttons/symbols with js


I am creating a visualization in Hype. I tried standard svg buttons using standard main timeline actions targeting other timelines. My problem is each button (canvas) overlaps other, since I can’t create shapes for each curves (sunburst chart). That said, I am out of options, perhaps javascript would help me accomplish > mouse over > click/tap > mouse out/ mouse up.

here are

screen shots

hype doc test (66.7 KB)

Thanks for you help.

you could …

prepare your svg (as whole) to have classes or ids.
then place the whole svg (all shapes at once) as innerHTML.

the classified paths, shapes etc. can then be accessed via js in hype …

1 Like

thanks, I will try that.