Decisions²

Decision trees are awesome. A simple device that helps you figure out what you need to do, or what a particular outcome might be, based on specific circumstances.

But decision trees are often static. What you really need is something more interactive - something you can embed on a website for clients/end users or internally in a knowledge base.

Decisions² helps you do just that. Create a decision-tree, add tooltips to help the user evaluate which option they should choose, customize the style to suit your requirements, then embed it on a webpage using an iFrame or simply copy and share the link.

Key Features:

Visual Node Editor:

• Create "Question" nodes (with multiple branching options) and "Result" nodes (endpoints)
• Easily link options to next steps to build complex logic trees
• Add helpful tooltips to nodes to provide users with extra context without cluttering the UI.

Dual Viewing Modes:

• Step View: A focused, interactive step-by-step mode where users are presented with one question at a time, clicking options to navigate to the end result. Includes a "Start Over" and "Back" functionality.
• Tree View: A comprehensive, auto-layout flowchart view (powered by React Flow and Dagre) that visualizes the entire decision path. It highlights the user's current path and visited nodes.

Live Preview

A split-screen interface that lets creators instantly test and interact with their decision tree as they build it. Theming & Customization:

Theme editors

A built-in theme editor allows creators to customize background colors, primary accent colors, text colors, button styles, border radii, and fonts to match their brand or preference.

Export & Sharing:

• URL Sharing: The entire state of the decision tree is compressed and encoded directly into the URL. This allows for instant sharing without needing a backend database.
• Embed Mode: Generates an iframe snippet so the interactive tree can be embedded directly into other websites or Notion docs.
• PDF Export: Users can download a high-quality PDF snapshot of either their current step or the entire flowchart.

It's a fully self-contained, highly customizable tool for building logic flows!

Would love to hear ideas about how people would use this in practice and what features may be missing!