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 -
Replying to @wcrichton
Is the popup info on a delay (hover on the node long enough) or is it on click?
1 reply 0 retweets 0 likes
Currently on click. I tried immediate hover, but popups would come up when moving to click something else. I don't do delayed hover b/c that makes interaction artificially slower. I think the right balance is click by default, and hover in focus-mode (toggled by holding alt.)
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