Farline AI
Core Features

Visualizing Project Plans with Charts

Farline AI provides three visualization formats for your project plan timelines: Excalidraw hand-drawn charts (default), Mermaid text-based charts, and DayPilot interactive charts.

Chart Formats

Use the format toggle above the chart to switch between views. Excalidraw is selected by default.

Excalidraw Charts (Default)

Hand-drawn style project plan forecast charts with a clean, visual aesthetic.

Excalidraw forecast chart

Benefits:

  • Hand-drawn visual style that's easy to read and visually appealing
  • Each work item on its own row, grouped by workstream
  • Color-coded workstream sections with background bands
  • Milestones shown as diamond markers on the timeline
  • Responsive layout that fills available screen width
  • Export as .excalidraw, PNG, or SVG
  • Open directly in excalidraw.com with one click
  • Fullscreen mode for presentations and screenshots
  • Updates in real time as your project definition changes

Best for:

  • Day-to-day project plan planning and review
  • Presentations and stakeholder communication
  • Exporting editable diagrams to Excalidraw
  • Quick visual overview of multi-scenario forecasts

Mermaid Charts

Text-based project plan forecast charts perfect for documentation and sharing.

Benefits:

  • Copy chart syntax to clipboard
  • Paste into Confluence, Notion, GitHub, or any Mermaid-compatible tool
  • Version control friendly (text-based)
  • Lightweight and fast rendering
  • Proportional swimlane heights based on workstream capacity

Best for:

  • Documentation and wikis
  • Sharing in tools that support Mermaid
  • Version-controlled project plans
  • Embedding in Confluence or GitHub

DayPilot Interactive Charts

Interactive timeline visualization with rich features.

Benefits:

  • Interactive timeline with drag-and-drop
  • Color-coded by workstream
  • Detailed tooltips and context menus
  • Professional presentation quality
  • Proportional swimlane heights showing relative team sizes

Best for:

  • Interactive exploration of timelines
  • Detailed project analysis
  • Professional reporting

Exporting Charts

Excalidraw Export

Excalidraw charts offer the most export options:

Excalidraw export dropdown

  1. Download .excalidraw file - Editable diagram file. Open in excalidraw.com, Obsidian, or VS Code to edit, annotate, and restyle.
  2. Download PNG image - High-resolution (2x retina) raster image. Ready to paste into presentations, docs, or emails.
  3. Download SVG image - Scalable vector image. Stays crisp at any size — ideal for print or large displays.
  4. Open in excalidraw.com - Uploads your chart and opens a direct link in the browser-based editor with all elements editable.
  5. Fullscreen + Screenshot - Enter fullscreen mode for a clean capture, then use your OS screenshot tool.

Mermaid Export

For Mermaid charts:

  1. Click "Copy to Clipboard" button
  2. Paste into your tool of choice
  3. Chart renders automatically in Mermaid-compatible apps

Screenshot

For any chart type:

  1. Use your OS screenshot tool
  2. Capture the chart area
  3. Paste into presentations, docs, or emails

Tip: Use fullscreen mode (available on Excalidraw charts) for cleaner screenshots.

Using Charts in Confluence

Export your Farline AI timelines to Atlassian Confluence in just a few steps.

  1. Download the .excalidraw file from the Export menu
  2. Open the file in excalidraw.com
  3. Export as PNG or SVG from Excalidraw
  4. Upload the image to your Confluence page
  5. Re-export when your project changes

Using Mermaid Syntax

  1. Click "Copy to Clipboard" on the Mermaid chart
  2. Install a Mermaid app in Confluence (search "Mermaid Charts & Diagrams" in Atlassian Marketplace)
  3. In edit mode, type /mermaid or use Insert menu
  4. Paste the copied Mermaid code
  5. Chart renders automatically
Mermaid chart rendered in Confluence

Using Charts in Other Tools

Excalidraw-Compatible Tools

Download the .excalidraw file and open in:

  • excalidraw.com - Free browser-based editor
  • Obsidian (with Excalidraw plugin)
  • VS Code (with Excalidraw extension)

GitHub/GitLab

Markdown files support Mermaid:

```mermaid [paste Mermaid syntax here] ```

Notion

  1. Create a code block
  2. Set language to "Mermaid"
  3. Paste syntax

PowerPoint/Google Slides

Export as PNG for quick insertion, or SVG for crisp scaling at any size. Both are available directly from the Export dropdown on Excalidraw charts.

Chart Features

Timeline View

All chart formats show your complete project timeline:

  • Start/end dates for every work item
  • Duration shown as bar length with weeks label
  • Milestones marked at completion points
  • Workstream grouping with color coding

Work Item Details

In Excalidraw charts:

  • Work item name with duration (weeks)
  • Color-coded bars grouped by workstream
  • One row per work item for clear reading
  • Diamond markers for milestones
  • Shared time axis with date markers

In Mermaid charts:

  • Work item name and duration bars
  • Sequence and dependencies
  • Proportional swimlane heights

In DayPilot charts:

  • All of the above, plus interactive tooltips, context menus, and zoom/pan controls

Customizing Visualization

In Farline AI

Chart appearance is automatic based on your project definition:

  • Workstream names become color-coded sections
  • Work item sizes determine bar lengths
  • Dependencies create scheduling relationships
  • Capacity affects layout

In Excalidraw

After exporting the .excalidraw file:

  • Rearrange, resize, or restyle any element
  • Add annotations, arrows, or notes
  • Change colors and fonts
  • Group or frame elements

Note: Changes in external tools won't sync back to Farline AI. Regenerate charts from the project definition for updates.

Troubleshooting

Chart Too Wide

Solutions:

  • Reduce number of concurrent work items
  • Split into multiple scenarios
  • Use shorter work item names
  • Scroll horizontally (most tools support this)

Can't See All Workstreams

Check:

  • All workstreams are defined in the project definition
  • Forecast ran successfully
  • Scroll down to see more swimlanes

Excalidraw File Looks Blank

If the exported .excalidraw file appears blank in excalidraw.com:

  • The chart should auto-center on load. Try pressing Ctrl+Shift+1 to fit to screen
  • Ensure your project has forecast data (at least one scenario with scheduled work items)

Chart Not Rendering in Confluence

Check:

  • Mermaid app is installed and active
  • You used the Mermaid macro (not a regular code block)
  • Syntax was copied completely (not truncated)

Best Practices

For Day-to-Day Planning:

  • Use Excalidraw charts (default) for a clear visual overview
  • Switch between scenarios to compare timelines
  • Use fullscreen mode when presenting to stakeholders

For Documentation:

  • Export Excalidraw files for editable diagrams
  • Use Mermaid charts for version-controlled documentation
  • Regenerate charts when project changes

For Presentations:

  • Use Excalidraw fullscreen mode for clean screenshots
  • Export to excalidraw.com and save as SVG for crisp scaling
  • Highlight key milestones and completion dates

For Sharing:

  • Export Excalidraw file for teams that use diagramming tools
  • Use Mermaid syntax for technical teams on GitHub/Confluence
  • Screenshots for executives/non-technical stakeholders

Last updated: 2026-02-15

Advanced Editor Templates

Previous Page

AI Insights

Next Page

On this page

Chart FormatsExcalidraw Charts (Default)Mermaid ChartsDayPilot Interactive ChartsExporting ChartsExcalidraw ExportMermaid ExportScreenshotUsing Charts in ConfluenceUsing Excalidraw Export (Recommended)Using Mermaid SyntaxUsing Charts in Other ToolsExcalidraw-Compatible ToolsGitHub/GitLabNotionPowerPoint/Google SlidesChart FeaturesTimeline ViewWork Item DetailsCustomizing VisualizationIn Farline AIIn ExcalidrawTroubleshootingChart Too WideCan't See All WorkstreamsExcalidraw File Looks BlankChart Not Rendering in ConfluenceBest PracticesRelated Articles