Working Inspiration - IRobot1/three-flow-ts GitHub Wiki

Here's the original imagery that inspired the working visual and designer examples

Process

Of all things, a YouTube video on how to create flowcharts in PowerPoint Create Flowchart in PowerPoint in less than 5 minutes / Process Flow diagram

Popout

iStockPhoto has some great examples of visuals. This was the inspiration for this example. Check out other infographic ideas from creator khvost

Frames

Another one from iStockPhoto. This. Check out other ideas from UmnatSeebuaphan

Podium

The original idea came after seeing this image on ShutterStock.

Banner

Still looking for link to original image

Mind Map

This one came from React Flow Mind Map Tutorial. It was the first effort at creating a designer that could save and load what was created. This was the first demonstration of interactively dragging and nesting nodes

Hyper Flow

Still looking for link to original image

Designer

Another from iStockPhoto. This was the second effort at creating a designer and was the first demonstration of interactively adding and removing edges between connectors and dragging to create a new node.

Alchemist Recipe

I was chatting with Chat GPT about alchemist recipes. I asked DALL·E3 to imagine a basic recipe diagram for potion making. The diagram features nodes representing ingredients like herbs, crystals, and liquids.

After seeing this, I had to try making a basic recipe designer. All of the ingredient images used in the example were also generated by DALL·E3