Démo live @nowline/embed

1. Auto-scan

Le bloc de code ci-dessous est la sortie standard d'un moteur de rendu Markdown <pre><code class="language-nowline">…</code></pre>. Le bundle trouve chaque correspondance et la remplace par le SVG rendu au chargement.

Source

nowline v1

roadmap "Generative AI" start:2026-04-06 scale:2w calendar:business

swimlane "Platform"
  item "Technology Selection" duration:2w status:done
  item api "API" duration:3w status:done
  item "Agent Instructions" duration:3w status:in-progress
  item api-integration "Agent Integration" duration:4w status:planned
  item "Agent MCP" duration:2w status:planned
  item platform-e2e-test "E2E Test" duration:2w status:planned

swimlane "Web"
  item "Web Prototype" duration:4w status:done
  item "Web SDK" duration:2w status:planned after:api
  item "Web Integration" duration:4w status:planned
  item web-e2e-test "E2E Test" duration:2w status:planned after:api-integration

swimlane "Mobile"
  parallel
    group "iOS"
      item "iOS Prototype" duration:4w status:done
      item "iOS SDK" duration:2w status:planned after:api
      item "iOS Integration" duration:4w status:planned
      item ios-e2e-test "E2E Test" duration:2w status:planned after:api-integration
    group "Android"
      item "Android Prototype" duration:4w status:done
      item "Android SDK" duration:2w status:planned after:api
      item "Android Integration" duration:4w status:planned
      item android-e2e-test "E2E Test" duration:2w status:planned after:api-integration

milestone "AI Release" after:[platform-e2e-test, web-e2e-test, ios-e2e-test, android-e2e-test]

Rendu

nowline v1

roadmap "Generative AI" start:2026-04-06 scale:2w calendar:business

swimlane "Platform"
  item "Technology Selection" duration:2w status:done
  item api "API" duration:3w status:done
  item "Agent Instructions" duration:3w status:in-progress
  item api-integration "Agent Integration" duration:4w status:planned
  item "Agent MCP" duration:2w status:planned
  item platform-e2e-test "E2E Test" duration:2w status:planned

swimlane "Web"
  item "Web Prototype" duration:4w status:done
  item "Web SDK" duration:2w status:planned after:api
  item "Web Integration" duration:4w status:planned
  item web-e2e-test "E2E Test" duration:2w status:planned after:api-integration

swimlane "Mobile"
  parallel
    group "iOS"
      item "iOS Prototype" duration:4w status:done
      item "iOS SDK" duration:2w status:planned after:api
      item "iOS Integration" duration:4w status:planned
      item ios-e2e-test "E2E Test" duration:2w status:planned after:api-integration
    group "Android"
      item "Android Prototype" duration:4w status:done
      item "Android SDK" duration:2w status:planned after:api
      item "Android Integration" duration:4w status:planned
      item android-e2e-test "E2E Test" duration:2w status:planned after:api-integration

milestone "AI Release" after:[platform-e2e-test, web-e2e-test, ios-e2e-test, android-e2e-test]

2. Rendu manuel

Pour les blocs chargés dynamiquement ou les conteneurs personnalisés, appelez nowline.render(source) et écrivez vous-même le SVG.

nowline v1

roadmap teams-2026 "Teams Roadmap 2026" start:2026-01-05

person sam "Sam Chen" link:https://github.com/samchen
person jen "Jennifer Wu"
person alex "Alex Rivera"

team engineering "Engineering"
  team platform-team "Platform Team"
    person sam
    person jen
  team mobile-team "Mobile Team"
    person alex

anchor kickoff date:2026-01-06
anchor mid-year date:2026-07-01
anchor eoy "End of Year" date:2026-12-15

swimlane platform owner:platform-team
  item auth "Auth refactor" duration:1m after:kickoff owner:sam status:done
  item api-v2 "API v2" duration:2w owner:jen status:in-progress remaining:40%

swimlane mobile owner:mobile-team
  item offline "Offline mode" duration:1m after:kickoff owner:alex status:at-risk remaining:60%
  item push "Push notifications" duration:2w owner:alex

milestone beta "Beta" after:[auth, api-v2]
milestone ga "GA" date:2026-12-01 after:[offline, push]

footnote eng-capacity "Mobile team capacity risk" on:mobile-team
  description "Mobile team is understaffed through Q2."

footnote vendor-dep "Vendor dependency" on:[auth, api-v2]
  description "Blocked until vendor contract is signed."

→ nowline.render(source) → chaîne SVG

3. Parse + diagnostics

Les flux de type éditeur peuvent appeler nowline.parse(source) pour obtenir l'AST et les erreurs lexicales / de parsing / de validation sans payer le coût de mise en page et de rendu. Modifiez la source ci-dessous pour introduire une faute.

→ nowline.parse(source) → { ast, errors }

Cliquez sur « Parser » pour lancer.