Live data from Hacker News

Styling Flowcharts Using CSS

flowchart.fun

1–10 of 24 posts

Re: Styling Flowcharts Using CSS

#4
post #3

I love your landing page by the way. It explains the app while giving a playground/demo at the same time. This is a very cool way to showcase your site. Well done!

Thank you so much! I'm reworking app flows this week and I was hesitating about removing this demo. I'm taking this comment as a sign that it's got to stay.

Re: Styling Flowcharts Using CSS

#5
Flowchart.fun looks very very cool. Solves many problems I've faced with existing tools.

Has anyone used flowchart.fun for "architecture" diagrams? Which are similar to flowchart/mindmaps, but a bit different.

I'm trying to make something like this webapp diagram, but struggling: https://bezkoder.com/wp-content/uploads/2020/03/react-node-e...

Re: Styling Flowcharts Using CSS

#6
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

Re: Styling Flowcharts Using CSS

#7

Flowchart.fun looks very very cool. Solves many problems I've faced with existing tools. Has anyone used flowchart.fun for "architecture" diagrams? Which are similar to flowchart/mindmaps, but a bit different. I'm trying to make something like this webapp diagram, but struggling: https://bezkoder.com/wp-content/uploads/2020/03/react-node-e...

I want to make architecture diagrams more natural in the future. This is far from perfect but here's my quick attempt at producing something like this in Flowchart Fun - https://flowchart.fun/n#EoUwhgxgLgBA3gKBjYB7ArlEAnJMDCqAtgA6...

Re: Styling Flowcharts Using CSS

#8
post #4
post #3

I love your landing page by the way. It explains the app while giving a playground/demo at the same time. This is a very cool way to showcase your site. Well done!

Thank you so much! I'm reworking app flows this week and I was hesitating about removing this demo. I'm taking this comment as a sign that it's got to stay.

One bit of feedback - on mobile there’s doesn’t seem to be an easy way to go to your homepage from the linked post. Clicking on the “FF” logo brings up a menu but none of those take you to the root page. And of course manually editing the URL is awkward on mobile.

Re: Styling Flowcharts Using CSS

#9
post #8
post #4

Earlier quoted context omitted.

Thank you so much! I'm reworking app flows this week and I was hesitating about removing this demo. I'm taking this comment as a sign that it's got to stay.

One bit of feedback - on mobile there’s doesn’t seem to be an easy way to go to your homepage from the linked post. Clicking on the “FF” logo brings up a menu but none of those take you to the root page. And of course manually editing the URL is awkward on mobile.

Thank you! Much needed feedback. Going to fix that today.

Re: Styling Flowcharts Using CSS

#10
post #7

Flowchart.fun looks very very cool. Solves many problems I've faced with existing tools. Has anyone used flowchart.fun for "architecture" diagrams? Which are similar to flowchart/mindmaps, but a bit different. I'm trying to make something like this webapp diagram, but struggling: https://bezkoder.com/wp-content/uploads/2020/03/react-node-e...

I want to make architecture diagrams more natural in the future. This is far from perfect but here's my quick attempt at producing something like this in Flowchart Fun - https://flowchart.fun/n#EoUwhgxgLgBA3gKBjYB7ArlEAnJMDCqAtgA6...

Wow! That doesn't look bad at all!
Post reply on HN