Wykres commitów

3 Commity (b9d7ba603ea718e13ce4d34b8e88d43ffdd25950)

Autor SHA1 Wiadomość Data
Atul Varma 6aba6b665f
Add mouseover tooltips with debugging information (#35)
This adds a bit of debugging information on mouseover.

For example, a tooltip with the text `bird@tail.arm[0]` can be interpreted as "a bird symbol attached to the tail symbol's first arm attachment point."

The implementation is a bit funky: we basically annotate the SVG DOM with various `data` attributes, and on mouseover we traverse the DOM from the element the mouse is over all the way up to the SVG root element, picking out relevant `data` attributes and building a tooltip out of it.  This ended up being easier than e.g. passing a bunch of props down the whole tree in React.
2021-02-27 13:28:44 -05:00
Atul Varma a44c43a04e Make spec slightly transparent. 2021-02-15 20:34:49 -05:00
Atul Varma 291c9d60fa Factor out svg-symbol.tsx, visible-specs.tsx. 2021-02-15 09:56:02 -05:00