Live data from Hacker News

Styling Flowcharts Using CSS

flowchart.fun

11–20 of 24 posts

Re: Styling Flowcharts Using CSS

#11
Lately for flowcharts I've been using Figma's Figjam.

https://www.figma.com/figjam/

It's really an amazing tool. It's like a whiteboard that allows you to describe processes in different ways with contextual information (images, links, bits of code, etc). I've been working on a complicated feature for my current project and it has been invaluable.

The only thing I'm missing is really a way to describe database models with relationships.

Re: Styling Flowcharts Using CSS

#12
post #11

Lately for flowcharts I've been using Figma's Figjam. https://www.figma.com/figjam/ It's really an amazing tool. It's like a whiteboard that allows you to describe processes in different ways with contextual information (images, links, bits of code, etc). I've been working on a complicated feature for my current project and it has been invaluable. The only thing I'm missing is really a way to describe database models…

Same. It’s great for this sort of stuff

Re: Styling Flowcharts Using CSS

#13

Very nice! I was looking for something like this-- A diagramming tool with plain ol' css. Given the features I think it's a nice step up (flowchart.fun is $3/month) from an Open Source diagram tool like MermaidJS [1]. One suggestion: a link to the diagram-coding docs from the editor. [1] Here's an example of how MermaidJS styles a flow chart: https://mermaid.js.org/syntax/flowchart.html#styling-a-node

Mermaid is awesome, love it

Re: Styling Flowcharts Using CSS

#16
love flowchart.fun! it's still the quickest and easiest tool i've found to quickly put diagrams together. it continues to show that clearly a lot of thought has gone into the ergonomics : )

Re: Styling Flowcharts Using CSS

#17
This is very neat.

I’m trying to figure out if you can embed the flow chart builder itself into a post/site.

I can imagine for some more complex topics, people would like to be able to move things around/play with the design.

Re: Styling Flowcharts Using CSS

#19
post #11

Lately for flowcharts I've been using Figma's Figjam. https://www.figma.com/figjam/ It's really an amazing tool. It's like a whiteboard that allows you to describe processes in different ways with contextual information (images, links, bits of code, etc). I've been working on a complicated feature for my current project and it has been invaluable. The only thing I'm missing is really a way to describe database models…

Huge fan of Figjam here. It has the right balance of easy to use, looks good out of the box (which is an issue with most other tools like excalidraw), and tons of extra options and plugins.

For example, we were able to hook up the JIRA plugin and actually build a dependency tree of features where each node is a JIRA ticket that updates its status live from JIRA.

Blew my mind when we first realized we could do that.

Post reply on HN