Playing with contextual links between abstract syntax definitions and usagepic.twitter.com/U53wmrW4XK
-
Show this thread
-
Trying to visually represent the hierarchy of a parse tree, as well as support disambiguation. For example, if you have "1 + 2" and you click on "1", you could either show "1 is a number" or "1 + 2 is a binary op". Anyone have good refs for similar visualizations?pic.twitter.com/GEU7I9j3sY
1 reply 0 retweets 3 likesShow this thread -
Not a huge fan of this approach b/c it requires careful mouse positioning in the gutters to select an outer object instead of an inner one. But it's less of a change than e.g. replacing the string with a node-link tree diagram.
1 reply 0 retweets 0 likesShow this thread -
An alternative might be to always diagram the entire syntax object? For example this is
@drewmikehead's equation diagram from https://chi2021demo.scholarphi.org/ . This also uses increasingly dark background colors to represent hierarchy without modifying space.pic.twitter.com/6tqTmKSIHQ
1 reply 0 retweets 6 likesShow this thread -
Current best idea: color effects on hover by default, then a toggleable x-ray mode which adds padding+borders to show the syntax tree more clearly (but changes document layout).pic.twitter.com/kX2dFaPOxH
3 replies 0 retweets 9 likesShow this thread -
I just spent 8 hours wrestling with a tooltip library...pic.twitter.com/1LKEOBFWl9
1 reply 0 retweets 4 likesShow this thread
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
cognitive psychology. PhD
