Flow charting plugin

DjackLowCode · 2025-01-16T01:04:21.052Z

Hey y’all

I’ve been spending a bit of time recently diving into plugin development and have started a flow-chart plugin based on ReactFlow - quick teaser below

flowchart

I’d love to hear from you about what features would make this plugin valuable for your workflows.

What kind of features would you expect from a flowchart maker?
What types of flowcharts do you typically create in your applications?
How would you/ your users want to interact with a flowchart?

Here’s a link to a demo app to have a play with v.0

Let me know your thoughts below!

davidb · 2025-01-16T14:52:16.257Z

Really nice! I don’t have a particular need, but this caught my eye since I’ve answered a few forum posts seeking tools like this; I’ve pointed people to QuickChart’s GraphViz.

DjackLowCode:

What kind of features would you expect from a flowchart maker?

In these types of editors, I always find alignment tools very helpful–e.g., snap to grid, align one shape to another, distribute shapes with even spacing.

DjackLowCode · 2025-01-17T04:08:41.603Z

Thanks @davidb nice suggestion! These are usually accompanied by selection before alignment so could be fun to build out.

DjackLowCode · 2025-01-27T01:49:27.590Z

Hi all, a feature update for anyone following this.

You can find the v0.2 demo here

Screenshot 2025-01-27 1438162968×1748 288 KB

An update on the features:
Manage description and Image along with the title
Manage settings and styles for the chart
Add pre-configured/saved nodes
Add pre-configured/saved flows
Drop an image node to the canvas

@davidb - tagging you here in case you’re interested. Let me know if you’d like early access once I have a stable release.

adam30 · 2025-01-29T17:17:22.708Z

This is awesome, I actually had a client talk about building a node view for viewing a network just the other day which could be a cool use case for this plugin.

Nice work