TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Styling Flowcharts Using CSS

163 pointsby tonerowalmost 2 years ago

13 comments

pier25almost 2 years ago
Lately for flowcharts I&#x27;ve been using Figma&#x27;s Figjam.<p><a href="https:&#x2F;&#x2F;www.figma.com&#x2F;figjam&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.figma.com&#x2F;figjam&#x2F;</a><p>It&#x27;s really an amazing tool. It&#x27;s like a whiteboard that allows you to describe processes in different ways with contextual information (images, links, bits of code, etc). I&#x27;ve been working on a complicated feature for my current project and it has been invaluable.<p>The only thing I&#x27;m missing is really a way to describe database models with relationships.
评论 #36780502 未加载
评论 #36776659 未加载
superasnalmost 2 years ago
I love your landing page by the way. It explains the app while giving a playground&#x2F;demo at the same time. This is a very cool way to showcase your site. Well done!
评论 #36773599 未加载
tomhallettalmost 2 years ago
Flowchart.fun looks very very cool. Solves many problems I&#x27;ve faced with existing tools.<p>Has anyone used flowchart.fun for &quot;architecture&quot; diagrams? Which are similar to flowchart&#x2F;mindmaps, but a bit different.<p>I&#x27;m trying to make something like this webapp diagram, but struggling: <a href="https:&#x2F;&#x2F;bezkoder.com&#x2F;wp-content&#x2F;uploads&#x2F;2020&#x2F;03&#x2F;react-node-express-mysql-crud-example-architecture.png" rel="nofollow noreferrer">https:&#x2F;&#x2F;bezkoder.com&#x2F;wp-content&#x2F;uploads&#x2F;2020&#x2F;03&#x2F;react-node-e...</a>
评论 #36774218 未加载
jimmychoozyxalmost 2 years ago
Very nice! I was looking for something like this-- A diagramming tool with plain ol&#x27; css.<p>Given the features I think it&#x27;s a nice step up (flowchart.fun is $3&#x2F;month) from an Open Source diagram tool like MermaidJS [1].<p>One suggestion: a link to the diagram-coding docs from the editor.<p>[1] Here&#x27;s an example of how MermaidJS styles a flow chart:<p><a href="https:&#x2F;&#x2F;mermaid.js.org&#x2F;syntax&#x2F;flowchart.html#styling-a-node" rel="nofollow noreferrer">https:&#x2F;&#x2F;mermaid.js.org&#x2F;syntax&#x2F;flowchart.html#styling-a-node</a>
评论 #36776970 未加载
Jowseyalmost 2 years ago
This site got me through college, made making flowcharts bearable for me :)
intendedalmost 2 years ago
This is very neat.<p>I’m trying to figure out if you can embed the flow chart builder itself into a post&#x2F;site.<p>I can imagine for some more complex topics, people would like to be able to move things around&#x2F;play with the design.
评论 #36780653 未加载
ikesaualmost 2 years ago
love flowchart.fun! it&#x27;s still the quickest and easiest tool i&#x27;ve found to quickly put diagrams together. it continues to show that clearly a lot of thought has gone into the ergonomics : )
galaxyLogicalmost 2 years ago
Do you use flowcharts more to design programs, or to document them?<p>When I learned programming the idea was first draw a flowchart, then code it. I wonder if anybody does that any more.
joelsrubinalmost 2 years ago
Another smash success from my friends @ tone row
rodrigobelluscialmost 2 years ago
I&#x27;ve wanted an app like that for a long time!
rayshanalmost 2 years ago
Second and third examples produce errors:<p>No such layout `elk` found. Did you forget to import it and `cytoscape.use()` it?
jeanphillejalmost 2 years ago
You app is awesome. I hope you can keep working on it forever ;)
Zekioalmost 2 years ago
after Github got support for mermaidjs charts in markdown, I&#x27;ve not looked back