Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/operations.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@ Vercel builds and serves the frontend from the Git repository. A push to `main`
- rewrites of the app routes (`/app`, `/login`, `/share`, `/expocit/sources`) to `app-shell.html`; any other path that is not a file gets `404.html` with a real 404 status. `/expocit/sources` is also prerendered, and the filesystem is served before rewrites, so that file is what visitors and crawlers get. The rewrite remains for a build that did not emit it;
- `trailingSlash: false`, which 308-redirects `/app/settings/` to `/app/settings` before routing, since rewrite and redirect sources match exactly;
- 301 redirects from the retired brand pages (`/debatelab`, `/debatelab-by-programcode`, and the rest) to `/`;
- 301 redirects from the renamed comparison and pricing pages (`/debatelab-pricing`, `/debatelab-vs-chatgpt`, `/debatelab-vs-debateclub`, `/debatelab-vs-windebate`, also under `/hu/` or `/es/` and with a trailing slash) to their `/debateowl-*` pages in one hop, query kept;
- 301 redirects from retired guide slugs to the guide that replaced them, such as `/debate-weighing-guide` to `/how-to-weigh-in-debate`. The `trailingSlash` 308 runs first, so `/debate-weighing-guide/` reaches the same page in two permanent hops and needs no rule of its own;
- revalidating cache headers (`public, max-age=0, must-revalidate`, without `no-store`, so a document can enter the back/forward cache) for `/`, `index.html`, `app-shell.html`, and `theme-init.js`. `sw.js` stays `no-store` so a new service worker is not stuck in the HTTP cache. Hashed `/assets/` are immutable. The unhashed images in `public/` (the favicons, `apple-touch-icon.png`, the `icon-*.png` manifest icons, `hero-visual.jpg`, `placeholder.svg`) are cached for 30 days; the test reads `public/`, so a new icon file must be added to that rule. Jam's capture iframe is removed on `pagehide` (never via `unload`) so that cross-origin frame cannot veto the cache;
- `noindex` headers for `/app`, `/login`, `/share` and `/embed/debate-timer`. The app shell's robots meta is `noindex, nofollow`, the same policy. Public pages, including the prerendered `/expocit/sources`, are `index, follow`. A route deletes the platform `Access-Control-Allow-Origin: *` header on HTML responses and leaves it on static assets;
Expand Down
12 changes: 6 additions & 6 deletions public/ai-debate-case-generator/index.html

Large diffs are not rendered by default.

14 changes: 7 additions & 7 deletions public/ai-debate-coach/index.html

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions public/ai-debate-practice/index.html

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions public/ai-rebuttal-generator/index.html

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions public/argument-flowchart/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,27 +17,27 @@
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="DebateOwl wordmark with the owl, for AI debate prep and practice" />
<meta property="article:published_time" content="2026-07-05" />
<meta property="article:modified_time" content="2026-10-26" />
<meta property="article:modified_time" content="2026-10-27" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://debateowl.com/hero-visual.jpg?v=2" />
<meta name="twitter:image:alt" content="DebateOwl wordmark with the owl, for AI debate prep and practice" />
<link rel="stylesheet" href="/seo-pages.css" />
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Article","headline":"Map the Clash With an Argument Flowchart","name":"Argument Flowchart Tool for Debate Prep | DebateOwl","url":"https://debateowl.com/argument-flowchart","description":"Map debate arguments, clash, links, impacts, and weighing with DebateOwl's argument flowchart workflow for clearer speeches and rebuttals.","inLanguage":"en","dateModified":"2026-10-26","datePublished":"2026-07-05","author":{"@type":"Organization","@id":"https://debateowl.com/#organization","name":"Pi-Stack","url":"https://debateowl.com/","logo":"https://debateowl.com/icon-1024.png","sameAs":["https://pi-stack.org/"]},"publisher":{"@type":"Organization","@id":"https://debateowl.com/#organization","name":"Pi-Stack","url":"https://debateowl.com/","logo":"https://debateowl.com/icon-1024.png","sameAs":["https://pi-stack.org/"]},"about":{"@id":"https://debateowl.com/#software"}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"When is an argument flowchart useful for debate prep?","acceptedAnswer":{"@type":"Answer","text":"It is useful before and after a round, not during one. A flowchart maps your thesis, your arguments, the attacks on them and your rebuttals, so you can see which link breaks a chain and where two contentions rely on the same assumption. Build it from the motion outward, add the strongest attack to each contention, and note the weighing at each clash. During the round itself, a written flow on paper or a laptop is faster than any canvas, so keep your in-round notes there and use the map to plan and review."}},{"@type":"Question","name":"What is an argument flowchart in debate?","acceptedAnswer":{"@type":"Answer","text":"A diagram of a case: the thesis, the arguments that support it, the attacks on them and the responses, joined by links that show what depends on what."}},{"@type":"Question","name":"Is a flowchart the same as flowing?","acceptedAnswer":{"@type":"Answer","text":"No. Flowing is note-taking during a round, speech by speech. A flowchart is a map you build before or after a round to plan and review the clash."}},{"@type":"Question","name":"Can I save and share a flowchart?","acceptedAnswer":{"@type":"Answer","text":"Yes. Save it to the Current Debate to load it later, or export it as a PNG image to share with a partner or coach."}},{"@type":"Question","name":"How many arguments should a flowchart have?","acceptedAnswer":{"@type":"Answer","text":"As many as the case has, but the useful part is the two or three clashes that decide the round. If the map is too crowded to read, collapse it to those."}}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"DebateOwl","item":"https://debateowl.com/"},{"@type":"ListItem","position":2,"name":"Map the Clash With an Argument Flowchart","item":"https://debateowl.com/argument-flowchart"}]}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Article","headline":"Map the Clash With an Argument Flowchart","name":"Argument Flowchart Tool for Debate Prep | DebateOwl","url":"https://debateowl.com/argument-flowchart","description":"Map debate arguments, clash, links, impacts, and weighing with DebateOwl's argument flowchart workflow for clearer speeches and rebuttals.","inLanguage":"en","dateModified":"2026-10-27","datePublished":"2026-07-05","author":{"@type":"Organization","@id":"https://debateowl.com/#organization","name":"Pi-Stack","url":"https://debateowl.com/","logo":"https://debateowl.com/icon-1024.png","sameAs":["https://pi-stack.org/"]},"publisher":{"@type":"Organization","@id":"https://debateowl.com/#organization","name":"Pi-Stack","url":"https://debateowl.com/","logo":"https://debateowl.com/icon-1024.png","sameAs":["https://pi-stack.org/"]},"about":{"@id":"https://debateowl.com/#software"}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"When is an argument flowchart useful for debate prep?","acceptedAnswer":{"@type":"Answer","text":"It is useful before and after a round, not during one. A flowchart maps your thesis, your arguments, the attacks on them and your rebuttals, so you can see which link breaks a chain and where two contentions rely on the same assumption. Build it from the motion outward, add the strongest attack to each contention, and note the weighing at each clash. During the round itself, a written flow on paper or a laptop is faster than any canvas, so keep your in-round notes there and use the map to plan and review."}},{"@type":"Question","name":"What is an argument flowchart in debate?","acceptedAnswer":{"@type":"Answer","text":"A diagram of a case: the thesis, the arguments that support it, the attacks on them and the responses, joined by links that show what depends on what."}},{"@type":"Question","name":"Is a flowchart the same as flowing?","acceptedAnswer":{"@type":"Answer","text":"No. Flowing is note-taking during a round, speech by speech. A flowchart is a map you build before or after a round to plan and review the clash."}},{"@type":"Question","name":"Can I save and share a flowchart?","acceptedAnswer":{"@type":"Answer","text":"Yes. Save it to the Current Debate to load it later, or export it as a PNG image to share with a partner or coach."}},{"@type":"Question","name":"How many arguments should a flowchart have?","acceptedAnswer":{"@type":"Answer","text":"As many as the case has, but the useful part is the two or three clashes that decide the round. If the map is too crowded to read, collapse it to those."}}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"DebateOwl","item":"https://debateowl.com/"},{"@type":"ListItem","position":2,"name":"Map the Clash With an Argument Flowchart","item":"https://debateowl.com/argument-flowchart"}]}]}</script>
</head>
<body>
<header class="wrap">
<nav class="nav" aria-label="Primary"><a class="brand" href="/">DebateOwl</a><div><a href="/ai-debate-practice">AI practice</a><a href="/ai-debate-case-generator">Case generator</a><a href="/debate-rebuttal-practice">Rebuttal practice</a><a href="/debate-evidence-finder">Evidence finder</a><a href="/debatelab-pricing">Pricing</a><a href="/app">Open app</a></div></nav>
<nav class="nav" aria-label="Primary"><a class="brand" href="/">DebateOwl</a><div><a href="/ai-debate-practice">AI practice</a><a href="/ai-debate-case-generator">Case generator</a><a href="/debate-rebuttal-practice">Rebuttal practice</a><a href="/debate-evidence-finder">Evidence finder</a><a href="/debateowl-pricing">Pricing</a><a href="/app">Open app</a></div></nav>
</header>
<main class="wrap">
<nav class="breadcrumb" aria-label="Breadcrumb"><a href="/">DebateOwl</a> / <span aria-current="page">Map the Clash With an Argument Flowchart</span></nav>
<article>
<header class="hero"><span class="eyebrow">Flowing guide</span><h1>Map the Clash With an Argument Flowchart</h1><p class="lead">Turn cases and rebuttals into a visual map of claims, warrants, impacts, and weighing.</p><p class="dates">Published <time datetime="2026-07-05">July 5, 2026</time> · Updated <time datetime="2026-10-26">October 26, 2026</time></p><div class="cta"><a class="btn primary" href="/app">Start practicing</a><a class="btn secondary" href="/">See DebateOwl</a></div></header>
<header class="hero"><span class="eyebrow">Flowing guide</span><h1>Map the Clash With an Argument Flowchart</h1><p class="lead">Turn cases and rebuttals into a visual map of claims, warrants, impacts, and weighing.</p><p class="dates">Published <time datetime="2026-07-05">July 5, 2026</time> · Updated <time datetime="2026-10-27">October 27, 2026</time></p><div class="cta"><a class="btn primary" href="/app">Start practicing</a><a class="btn secondary" href="/">See DebateOwl</a></div></header>
<section class="answer" aria-labelledby="short-answer"><h2 id="short-answer">When is an argument flowchart useful for debate prep?</h2><p>It is useful before and after a round, not during one. A flowchart maps your thesis, your arguments, the attacks on them and your rebuttals, so you can see which link breaks a chain and where two contentions rely on the same assumption. Build it from the motion outward, add the strongest attack to each contention, and note the weighing at each clash. During the round itself, a written flow on paper or a laptop is faster than any canvas, so keep your in-round notes there and use the map to plan and review.</p></section>
<section class="grid" aria-label="Highlights"><article class="card"><h3>Visual clash maps</h3><p class="muted">Put the thesis, each argument, the attacks on it and your rebuttals on one canvas, so you can see where the round will be decided.</p></article><article class="card"><h3>Link and strength tracking</h3><p class="muted">Mark each argument strong, moderate or weak, and connect nodes with support, attack and rebuttal links.</p></article><article class="card"><h3>Saved with your debate</h3><p class="muted">Flowcharts save to the Current Debate next to its case and rebuttals, and export as a PNG for teammates.</p></article></section>
<div class="article section"><h2>Why map arguments at all</h2><p>Arguments are chains: a claim depends on a warrant, the warrant on an assumption, and the impact on all of them. When one link breaks, the whole contention falls. A flowchart makes the chain visible, so you can see which link the other side will attack and which link of theirs you should attack.</p><p>A map also shows what a written case hides. Two contentions that rely on the same assumption look independent on paper; on a map they share a node, and one good response takes out both.</p><h2>How the DebateOwl flowchart works</h2><p>A new flowchart starts with a thesis, three example arguments, an opponent attack and a rebuttal, all of which you can edit or delete. Each node has a label, a description and a type:</p><ul><li>Thesis: the position your side has to prove.</li><li>Argument: a contention, rated strong, moderate or weak.</li><li>Attack: an opposing response to one of your arguments.</li><li>Rebuttal: your answer to an attack.</li><li>Dropped: an argument nobody answered.</li></ul><p>Links between nodes are support, attack or rebuttal, each drawn in its own style. Save the chart to the Current Debate, load it again later, or export it as an image.</p><h2>Build from the motion outward</h2><ol><li>Write the thesis as one sentence: what your side must prove for the motion.</li><li>Add each contention as an argument node and link it to the thesis. Rate it honestly; a weak node is one to fix or cut.</li><li>For each contention, add the strongest attack you expect. If you have generated a case, the predicted opponent case is the place to find them.</li><li>Add your rebuttal to each attack. Where you cannot write one, the map has found your gap.</li><li>Mark <a href="/how-to-weigh-in-debate">weighing</a> at each clash in a node&#x27;s description: why your side of that clash matters more.</li></ol><p>Build the opposing case the same way on a second chart. Most rounds turn on two or three clashes, and the two maps side by side show which ones.</p><h2>Worked example: mapping one clash</h2><div class="card"><h3>Motion: This house would ban single-use plastics</h3><p><strong>Thesis:</strong> A ban cuts plastic pollution at its largest source.</p><p><strong>Argument (strong):</strong> Single-use items are a large share of plastic waste and are rarely recycled.</p><p><strong>Attack:</strong> Substitutes such as paper and glass have a higher carbon footprint per use.</p><p><strong>Rebuttal:</strong> The comparison only holds if reusable items are used a few times; reuse, not substitution, is the goal of the ban.</p><p><strong>Weighing note:</strong> Plastic pollution lasts for centuries and cannot be reversed, while the footprint of substitutes falls with every reuse.</p></div><p>The map makes it obvious that the round turns on the substitution clash. That is where the rebuttal speech and the weighing should go.</p><h2>Use the map in your speeches</h2><p>Before you speak, look for the path that wins: the strongest argument still standing after the attacks, and the weighing that makes it outweigh. Speak to that path and <a href="/debate-clash-points">drop the rest</a>. A good map helps you collapse instead of spreading yourself thin.</p><p>During a round, a written flow is faster than any canvas. Use the flowchart to prepare before the round and to review the clashes after it, and keep your in-round flow on paper or a laptop.</p></div>
<section class="section faq article" aria-labelledby="faq"><h2 id="faq">Frequently asked questions</h2><details><summary>What is an argument flowchart in debate?</summary><p>A diagram of a case: the thesis, the arguments that support it, the attacks on them and the responses, joined by links that show what depends on what.</p></details><details><summary>Is a flowchart the same as flowing?</summary><p>No. Flowing is note-taking during a round, speech by speech. A flowchart is a map you build before or after a round to plan and review the clash.</p></details><details><summary>Can I save and share a flowchart?</summary><p>Yes. Save it to the Current Debate to load it later, or export it as a PNG image to share with a partner or coach.</p></details><details><summary>How many arguments should a flowchart have?</summary><p>As many as the case has, but the useful part is the two or three clashes that decide the round. If the map is too crowded to read, collapse it to those.</p></details></section>
</article>
<aside class="section article" aria-labelledby="about"><h2 id="about">About DebateOwl</h2><p>DebateOwl is an AI debate prep and practice app. See <a href="/">how it works</a> or <a href="/debatelab-pricing">pricing</a>.</p></aside>
<aside class="section article" aria-labelledby="about"><h2 id="about">About DebateOwl</h2><p>DebateOwl is an AI debate prep and practice app. See <a href="/">how it works</a> or <a href="/debateowl-pricing">pricing</a>.</p></aside>
<section class="section article" aria-labelledby="related"><h2 id="related">Related DebateOwl guides</h2><nav class="links" aria-label="Related guides"><a href="/online-debate-timer">How Debate Speech Times Work in Each Format</a>
<a href="/ai-debate-practice">AI Debate Practice for Stronger Cases, Rebuttals, and Speeches</a>
<a href="/ai-debate-coach">Ask an AI Debate Coach for Round-Ready Prep</a>
Expand All @@ -47,6 +47,6 @@
<a href="/how-to-practice-rebuttals">How to Practice Debate Rebuttals</a>
<a href="/best-ai-debate-tools">Best AI Debate Tools Compared</a></nav></section>
</main>
<footer class="footer"><div class="wrap">DebateOwl: <a href="/">Home</a> / <a href="/debatelab-pricing">Pricing</a> / <a href="/privacy">Privacy</a> / <a href="/terms">Terms</a> / <a href="/sitemap.xml">Sitemap</a></div></footer>
<footer class="footer"><div class="wrap">DebateOwl: <a href="/">Home</a> / <a href="/debateowl-pricing">Pricing</a> / <a href="/privacy">Privacy</a> / <a href="/terms">Terms</a> / <a href="/sitemap.xml">Sitemap</a></div></footer>
</body>
</html>
Loading
Loading