[HN Gopher] Styling Flowcharts Using CSS
___________________________________________________________________
Styling Flowcharts Using CSS
Author : tonerow
Score : 140 points
Date : 2023-07-18 13:15 UTC (9 hours ago)
(HTM) web link (flowchart.fun)
(TXT) w3m dump (flowchart.fun)
| intended wrote:
| 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.
| rodrigobellusci wrote:
| I've wanted an app like that for a long time!
| tomhallett wrote:
| 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...
| tonerow wrote:
| 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...
| BipolarCapybara wrote:
| Wow! That doesn't look bad at all!
| jimmychoozyx wrote:
| 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
| hypercube33 wrote:
| Mermaid is awesome, love it
| Zekio wrote:
| after Github got support for mermaidjs charts in markdown, I've
| not looked back
| superasn wrote:
| 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!
| tonerow wrote:
| 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.
| pimlottc wrote:
| 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.
| tonerow wrote:
| Thank you! Much needed feedback. Going to fix that today.
| ikesau wrote:
| 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 : )
| Jowsey wrote:
| This site got me through college, made making flowcharts bearable
| for me :)
| jeanphillej wrote:
| You app is awesome. I hope you can keep working on it forever ;)
| pier25 wrote:
| 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.
| willio58 wrote:
| Same. It's great for this sort of stuff
___________________________________________________________________
(page generated 2023-07-18 23:01 UTC)