Dear design twitter,
What would you call these type of visually structured queries that allow you to insert variables and formulas, and semantically group areas of text for you?
Visual formulas? Visual queries? Visual expressions?
Conversation
Replying to
Appreciate the great suggestions! 🙏
Ideas were all some combination of...
Adjectives: Visual, Dynamic, Reactive, Structured, Intelligent, Assisted, Interactive
Nouns: Builder, Query, Formula, Expression, Editor, Input, Language
Still mulling – writing up a pattern on it soon
2
1
16
2
Kinda nitpicky but: I'd put RegExr in a different category — there seems to be a distinction between merely highlighting what you've entered (RegExr) and constraining input somewhat more physically & tacking on extra affordances like the dropdowns in the causal example...
2
Apple's Mail app does smth. similar in its (otherwise pretty useless) search
2
did some work along these lines which didnt made it to something public-facing: andrewblinn.com/portfolio/toda (command forms section); this was more riding the line of the form/editor divide
1
3
more towards the command line side termkit is a classic example here: github.com/unconed/TermKit
as well as CLUI
1
I'm working on inline visual structured editors with my Polytope project.
Quote Tweet
The graph editor prototype is working. Here's me creating a state machine graph inline in some JS.
0:34
677 views
1
2
I've made some structured query editors in Polytope that are like the ones you showed. It is not as easy to build or robust as I would like yet tho.
"formula editor" seems to be common parlance - iirc thats what notion called theirs cc
1
2
… with formula auto-suggestion/complete.
2