tonerow

https://flowchart.fun is one option – it has a really straight-forward syntax

_this_

Should this list include text-to-node utils? Things like...

- Graphviz (https://graphviz.org/)

- Mermaid-js (https://mermaid.live/)

- Flowchart Fun (https://flowchart.fun/)

Hey! Sorry I missed this. I've pushed a few fixes since then and I am able to get your poem working now. Here's a link: https://css-magnetic-poetry.tone-row.com/#gqR1c2Vk3AA3g6R3b3...

Since this went by the HN wayside earlier today I thought I would share it amongst people with thoughts on CSS. I made a very absurd hommage to CSS (the language, itself) over the weekend - https://css-magnetic-poetry.tone-row.com/

Definitely not too much CSS IMO. It's a language in flux for sure, but as someone who has been doing frontend for more than a decade, I would rather have 5 ways to accomplish something than 1 way that's a hack and only works on some browsers.

Hi! I decided to spend the weekend building something fun and without purpose. I wanted to try out Next 13 and I had had this idea floating around for a while. Let me know what you think!

Wrote an article about balancing type-safety with the freedom of working in javascript using JSDoc and VS Code's typescript server.

Let me know what you think!

Ah– you must be looking for our Premium tier. We actually offer the Satanic Panic Prose extension heavily discounted.

We've been seeing a lot of AI-driven copywriting tools lately. I'd like to make my contribution to the genre.

I built this tool because I post on Reddit pretty often, but I'm not great at composing post titles.

I hope this tool can help other people who have cool things to share, but don't always know how to get the community engaged.

Try it out (it's free!) and let me know what you think

I'm guessing push notifications coming to iOS next year[1] will make PWA's even more popular as a development strategy

[1] https://www.izooto.com/blog/ios-safari-push-notifications#:~....

This was up yesterday https://news.ycombinator.com/item?id=32637689 It's similar in that it's a diagramming DSL

It won't work for every use case but https://flowchart.fun is one open-source alternative

When you say _these things_ you mean the previous syntax and the new syntax? Sorry, I don't understand.

(article author here) There's definitely nothing wrong with Mermaid. In fact, the current syntax at https://flowchart.fun can be converted to Mermaid (in export window) and I'll continue to support that when I migrate the app to the new syntax I'm proposing in this article.

The biggest differentiator is indenting to create edges, which I think is useful for some graphs and in some contexts (especially for quick brainstorming). Mermaid is great and super expressive.

That's sort of what https://flowchart.fun is. Although, it doesn't have as many graph types as PlantUML. Mermaid also has https://mermaid.live/ running in the browser.

It definitely seems like your use-case is more complex than just rendering the diagrams. I think that is very cool. I'd love to see the video if you want to share it (my email is on my hn profile)

I see. That's an interesting idea! I can definitely see how tokenization makes filtering parts of the graph easier.

Are tokens different from applying an ID to a node? In this syntax something like

---

#token Some Node That is Referenced Often

other node A

  (#token)

other node B

  (#token)

other node C

  other node D

    (#token)

Noted! After Github added support for Mermaid in markdown, we added an "Export as Mermaid" feature to Flowchart Fun. It's good to know people would be interested in conversion to Graphviz too.

That sounds really cool! When you say query string, am I right in thinking of URL search params? i.e., "?trigger=event1" kind of thing?

That's a good question. I'm less familiar with DOT than I am with Mermaid.js, but in my experience the one benefit an indent-based language has over the declare nodes then declare edges separately pattern (which I'm pretty sure DOT is also) is that it's nice for making smaller graphs quicker, because you retain a lot of context when you're just indenting from the line above. But that's totally a guess on my part.

DOT seems like a really robust, expressive language. Maybe at some point I'll to write something that transforms from this syntax to DOT.

That's very true. On Flowchart Fun we have a bunch of layout algorithms you can choose from, but even then making a great-looking graph usually requires some manually tweaking like you said.

Hey everyone! I stumbled into a syntax for flowcharts and other data/graphs that I think is pretty interesting. I'd love to get peoples feedback on what works/doesn't work and ways to improve it. Thanks!

Me realizing I associated the wrong URL with this post :_(

Hopefully people still give https://flowchart.new a try!

I've posted flowchart.fun on HN before when it first came out (March 2021).

It's changed quite a bit since then, but most recently I also added the flowchart.new domain to make it faster for people to jump into a new chart for brainstorming.

Let me know what you think!

https://flowchart.fun doesn't have all the capabilities of UML diagramming for instance, but it is text->diagram conversion with a very simple syntax

Very simple but easy syntax with visual feedback: https://flowchart.fun/

We're making the rounds on the other orange site as well: https://www.producthunt.com/posts/l-art-du-degrade

Thanks for having a look!

Thank you!

Does anyone know how the subroutine diagrams are generated, or have more info about these graphs in general?