cognitive psychology. PhD 
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
Show 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.
-
-
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
Show 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
Show this thread -
-
New conversation -
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.