You are viewing archived messages.
Go here to search the history.

Jeremy Vuillermet 2023-04-11 21:17:01

Hi everyone, here is a recording of a data-first design tool I demoed during last future of code meetup. twitter.com/jvuillermet/status/1645862317597380616

Next, I would like to explore how to improve the formula input/editor. I think there is an opportunity for more structured editing while adding playfulness and intermediate value preview. I like those 2 directions so far:

Any other idea or reference in that space?

Mariano Guerra 2023-04-12 08:34:48

you may want to check charticulator.com

Jeremy Vuillermet 2023-04-12 11:54:12

wow really relevant indeed, thanks! I didn’t know about it

this looks like a nice source to see a lot of examples youtube.com/watch?v=80vDPtunnj4.

As well as some inspirations for things to try to implement

Cameron Yick 2023-04-12 13:39:06

Love the pattern of going from data to repeated UI elements, and the Union of formulas with a constraint editor! You may also like:

cs.cmu.edu/~shihpinc/gneiss.html

and the demo video from Adobe that is related to the charticulator team, project Lincoln

blog.adobe.com/en/publish/2018/01/03/peek-behind-sneaks-projectlincoln-super-powered-data-visualization

Jeremy Vuillermet 2023-04-12 17:37:02

yes Gneiss is really nice and inspired me to have the full json and data browser on the left. In my opinion, the missing part of Gneiss is that the components are the end of the road. In my prototype or something like retool, the visual components also expose their data so we can keep building on top. An interesting and unexpected reinforcing loop

I didn’t know about project Lincoln, that’s amazing! thanks a lot. I need to spend more time on the video to better understand how it works

Jeremy Vuillermet 2023-04-12 17:39:30

now also trying to understand what happened to the project. Probably some interesting insight community.adobe.com/t5/illustrator-discussions/project-lincoln-status/td-p/10529154

Cameron Yick 2023-04-12 18:56:40

I assume you may have seen it already, but just in case, sketch n sketch and Hazel livelit are structured editors for graphical pilot programming ravichugh.github.io/sketch-n-sketch

Cameron Yick 2023-04-12 18:57:50

In my earlier comment I misspoke, charticulator team is Microsoft. The Adobe research team related to project Lincoln worked on “data illustrator”

data-illustrator.cs.umd.edu

Cameron Yick 2023-04-12 18:59:30

For playful / creative applications, Jennifer Jacobs “para” (she has a FoC podcast episode) is also very inspiring blog.adobe.com/en/publish/2015/04/23/at-the-intersection-of-art-and-software

Jeremy Vuillermet 2023-04-13 17:25:24

perfect, thanks! that’s some material to study 😛 Anything in the structured editing like the 2 last links of the post that come to mind?

Something better than just text to edit formulas

Mariano Guerra 2023-04-13 18:12:02

Instadeq's formula editor may apply, here's an overview of the tool youtube.com/watch?v=4260hoxkaro

nicolas decoster 2023-04-16 17:10:48

Very interesting demo! I like the discoverabilty, the contraints between visual elements, the way you map arrays on visuals, etc.

nicolas decoster 2023-04-16 17:14:32

The formula editing is also already nice at this stage. But, yes, maybe a more playful way to do it would be nice.

But, I'm not sure that adacraft-like (i.e. block programming) would fit? Or maybe a concatenation of blocks that transform the data (or nodes'n wires)? With displaying of intermediate results?

nicolas decoster 2023-04-16 17:22:47

Here is an example of what I've done on a similar use case (widget from a weather API) with a nodes'n wires tool prototype I've done long long time ago. The relevant aspect in it for your use case would be the fact that data flows through "simple" transformation blocks.

📷 image.png