Interactive, clickable flow chart?
Discussion
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!
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!
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.
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.
Gassing Station | Computers, Gadgets & Stuff | Top of Page | What's New | My Stuff


