Interactive, clickable flow chart?
Interactive, clickable flow chart?
Author
Discussion

Prawo Jazdy

Original Poster:

5,016 posts

235 months

I’m trying to build a help guide. If I draw it out as a flow chart, it’s too big to view on a tablet easily. In raw text it’s too unwieldy. I’d like to create something where the flow decisions appear on the screen, you can select the answer, and be taken to the next step/decision/solution. Does anything like this exist that is browser-based and free? I ideally don’t want to pay for something until I’ve had a play to see if it’s viable - I’ve only got a couple of weeks before people will need to use it, and this won’t be my only area of focus in that time!

To give an example, let’s say the first screen would say:
What connection are you using? [LAN] [Wifi] [4G/5G]

Let’s say you select ‘WiFi’, I then want another screen to appear:

Is your WiFi router showing as connected to the network? [Yes] [No]

And so on. This isn’t the actual content by the way, just an example. Thanks for any suggestions!

CloudStuff

4,106 posts

125 months

Yes — there are free, browser-based tools that let you build interactive decision trees exactly like you describe: a screen with a question and buttons, and clicking an answer takes you to the next step.

Here are some good options you can try without paying anything upfront:

✅ 1. Google Forms with Sections & Logic

Not a visual flowchart, but completely browser-based and free.

How it works

Create a Google Form

Use sections

Set “Go to section based on answer”
So each choice jumps you to a different question/section.

Pros

Free and very easy

Works well on tablets

Requires no coding

Cons

Not a visual flowchart

Limited styling

👉 Best if you just need functional decision paths quickly.

✅ 2. Google Slides / PowerPoint + Hyperlinks

You can make it behave like a clickable app.

How it works

Build each “screen” as a slide

Make your answer options linked to other slides

Present in browser (Slides) or export as web

Pros

Very visual

Works offline too

Easy to edit

Cons

Not truly dynamic

Slightly manual to set up

✅ 3. Draw.io (diagrams.net) + Publish

This is free and browser-based, and you can embed links.

How it works

Create your diagram

Each node can be a link that jumps to another location or page

Publish as HTML

Pros

Free and visual

Flexible

Cons

Requires a little more setup than a form

✅ 4. Glide Apps (Free Tier)

This is a low-code app builder that can run in the browser and on tablets.

How it works

Create a spreadsheet with questions and logic

Glide turns it into an app with buttons

Clicking an answer can show the next screen

Pros

Looks like a real interactive guide

Free tier available

Cons

Takes longer to set up than Forms

Some features are paid

✅ 5. Tana (free tier) + publishing

Tana (or similar node-based tools like Roam or Logseq) lets you pick nodes and create “query-like” navigation — not exactly a GUI app, but can be made interactive with links.

Pros

Great for complex knowledgebases

Works well for internal guides

Cons

Not a traditional click-through UI

Bonus: Lightweight decision tree tools

These are free or have free tiers:

🟢 Lucidchart

Free tier allows basic interactive diagrams. You can share a published link where clicking nodes jumps around.

🟢 Whimsical

Has a free tier with some diagrams — you can make a clickable flow.

🟢 Flowchart.com / Textografo

Basic web-based flowchart tools that support condition branches. Free curves vary.

Quick suggestion for your timescale

Given you only have a couple of weeks, I’d recommend one of these two:

🔹 Google Forms

Easiest to implement right now
Works on tablet & browser
No learning curve

🔹 Glide

Looks more like an app and works great on mobile/tablet, but takes a bit more setup

Simple example in Google Forms

Create a form

First question:
What connection are you using?

LAN → goes to section 2

WiFi → goes to section 3

4G/5G → goes to section 4

In section 2, 3, 4 ask the next question

Use logic “go to section based on answer”

Done.

TL;DR
Tool Free Browser Based Good for Your Use Visual
Google Forms ✅ ✅ ✅ No
Draw.io ✅ ✅ Yes Yes
Google Slides ✅ Yes Yes Yes
Glide ✅ Yes Yes Yes
Lucidchart/Whimsical Limited Yes Yes Yes

If you share a rough first few steps of your decision logic, I can sketch out how it would look in Google Forms or Glide and give you a quick setup template.