5b:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0lpbs3388m8i9.js","/creators-assets/_next/static/immutable/chunks/1cyyov0z5q-kt.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/19vaojedolulr.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/09klh1t314i6_.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/15qb5jvtj_j-a.js","/creators-assets/_next/static/immutable/chunks/3p2-jhwmdt2w4.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2ypcsbrcjzeke.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3nnozhk_k4v6s.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/21ae0xqjlej6m.js","/creators-assets/_next/static/immutable/chunks/3xnhxg14xjx1h.js","/creators-assets/_next/static/immutable/chunks/0q4_4jbe5r70f.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js"],"PostDetailCard"] 5c:T7c4,

■ What it does

Add your questions, answers and outcomes, tell each one which node it belongs to, and Decision Tree Flowchart lays out the whole diagram for you — diamonds for questions, cards for outcomes, elbow connectors and Yes/No labels on every branch. No manual positioning, no nested frames.

Switch on Walkthrough and your visitors click through the branches one answer at a time: the next step opens, the path they took lights up, and the result card is highlighted when they arrive. Perfect for "Which plan fits me?", "Do I need this service?", troubleshooting guides and onboarding flows.

■ Customizable properties

- Nodes — ID, Parent ID, Branch label, Text, Type (Question / Outcome / Note) and color for each node

- Walkthrough — click-through mode with a Start over button; click an earlier question to step back

- Hover Path — in the full view, hover or focus any node to highlight the route from the start

- Direction — Top-down or Left-right

- Questions — Diamond or Rounded

- Overflow — Fit, Shrink or Scroll, so big trees stay readable on mobile

- Layout — node width/height, sibling gap, level gap

- Style — card, text, line, highlight, question / outcome / note colors, radius, shadow

- Fonts — separate node and branch fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

58:[["$","$L5b",null,{"post":{"id":"01a11fd9-cbc7-736e-a96a-e22b713a0ae9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AQ471SXVwLRKTPpz5xtL","resolved":true,"title":"13 Decision Tree","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Add your questions, answers and outcomes, tell each one which node it belongs to, and Decision Tree Flowchart lays out the whole diagram for you — diamonds for questions, cards for outcomes, elbow connectors and Yes/No labels on every branch. No manual positioning, no nested frames."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Switch on Walkthrough and your visitors click through the branches one answer at a time: the next step opens, the path they took lights up, and the result card is highlighted when they arrive. Perfect for \"Which plan fits me?\", \"Do I need this service?\", troubleshooting guides and onboarding flows."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Nodes — ID, Parent ID, Branch label, Text, Type (Question / Outcome / Note) and color for each node"}]},{"type":"paragraph","content":[{"type":"text","text":"- Walkthrough — click-through mode with a Start over button; click an earlier question to step back"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Path — in the full view, hover or focus any node to highlight the route from the start"}]},{"type":"paragraph","content":[{"type":"text","text":"- Direction — Top-down or Left-right"}]},{"type":"paragraph","content":[{"type":"text","text":"- Questions — Diamond or Rounded"}]},{"type":"paragraph","content":[{"type":"text","text":"- Overflow — Fit, Shrink or Scroll, so big trees stay readable on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — node width/height, sibling gap, level gap"}]},{"type":"paragraph","content":[{"type":"text","text":"- Style — card, text, line, highlight, question / outcome / note colors, radius, shadow"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — separate node and branch fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Click-through yes/no flowchart","slug":"13-decision-tree","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd9-83b8-72ce-adc5-553e990b16b5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:48:48.927Z","updatedAt":"2026-10-09T08:48:48.927Z","publishedAt":"2026-10-09T08:48:48.924Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/decision-tree","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/7ec922a0-979c-4e1a-9d78-7c5677308b69","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"p6CDB4wIwBoa1QrKlHg5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:48:49.607Z","updatedAt":"2026-10-09T08:48:49.607Z","reported":false,"type":"post"}}],"$L5d"]

Suggested for you