Show HN: Side-Project: FlowChartGPT – Turn Text into FlowCharts | Hacker News Reader

Show HN: Side-Project: FlowChartGPT – Turn Text into FlowCharts

fastflowchart.com

22 pointsjacky2wong28 comments

I think a few screenshots and examples would go a long way. Having to sign up just to see what the product is.. isn’t a great experience. Also, wasn’t able to use the site on mobile.

I was going to comment the exact same thing

I'm asked to sign in way too many times already, at least give me a hint of what I'm supposed to get in exchange or I'm going to err on the side of closing the tab

Yes, show me what it does before asking to register.

Shameless plug - made a very similar app (no sign-in): https://autodiagram.vercel.app/

You get 10+ points from me for being able to try it out without the hassle of creating an account and logging in.

Nice, thank you. The diagrams were correct but the choices of colors, line widths and fonts have room for improvement.

Great to hear it was helpful! What did you try to generate?

Agree the formatting is not great. The tool is not intended to be 'perfect', with respect to formatting or to content, so if I continue working on this, I think the most useful step would be to add "export to Figma" -- and let you tweak there. I think this is most useful as a very fast prototyping tool.

Ever heard of privacy, buddy?

Is this open source? What model does this use? This is mind blowing.

how is this supposed to work?

https://i.imgur.com/2rFGesI.png

The model isn't particularly clever and isn't generating something useful here. Better model will for sure get better results - for now this is running free and without signup (and is quite simple). You can easily imagine that a paid tier would solve them though!

GPT-4 gives a better response fwiw:

``` graph TB Start(Start) --> A[Insert one end of the shoelace into the bottom left eyelet] A --> B[Make sure the lace is even on both sides] B --> C[Cross right end over the left end] C --> D[Insert the right end into the second eyelet on the left side] D --> E[Pull laces tight] E --> F[Cross left end over the right end] F --> G[Insert the left end into the second eyelet on the right side] G --> H[Pull laces tight again] H --> I[Continue lacing the shoe in a crisscross pattern] I --> J[Reach the top of the shoe] J --> K[Tie laces in a bow or knot] K --> End(End) ```

Put a flow chart on your landing page

Meta topic:

How does such low quality submissions comes to main page when so many of good quality submissions struggle to show up? I'm not implying any fraud or anything but genuinely wants to understand how "SEO" on HN works.

Automatic flowcharts using natural language is clearly very desirable tool, hence a lot of clicks and comments.

The landing page css seems to be broken

Same here, Safari/iOS

Is this a pipe to mermaid.js [0]? The syntax is pretty easy and there is also a live editor [1]; what's the value-add to justify $20?

[0] https://mermaid.js.org/intro/ [1] https://mermaid.live

Now it's the senior engineers and architects turn to panic!

that made me chuckle

see also https://flowchart.fun for a working version of this idea

is that your project? looks pretty good and although it's not an automagic thing it makes immediate sense

Hi everyone - I've updated the website, fixed all the bugs and migrated it over to a new React framework with new added functionality. I have also included screenshots of results and a demo video of what to expect upon signing up.

Tragic.

Unhandled Runtime Error Error: Invariant: attempted to hard navigate to the same URL /signin https://fastflowchart.com/signin

Next time you deploy to production, remove the references to websockets you have on develop.

That website looks totally scammy BTW. It reminds me of something similarly scammy I saw on Reddit yesterday. Dreamsands, anyone?