predictygraph

Readable diagrams inside slides

Decktile
Text-to-graph rendering

Architecture

predictygraph draws diagrams from a short text description. Nodes and edges are placed automatically.

  • Per-group layouts
  • Groups as containers
  • Tag colours from the theme
  • CSS inside the diagram
Application Memory Compute GPU

Flowchart

Flowcharts use decision diamonds and process boxes with directional edges to show logic flow.

  • Box shapes for processes
  • Diamond shapes for decisions
  • Edge labels for branches
Yes No Start Process Valid? Done Retry

Groups

System Architecture Frontend Backend Services Web App Mobile API Database
System Architecture Frontend Backend Services Web App Mobile API Database

State Machine

State machines model system behavior with states and transitions. Each state is a node with specific styling.

Start Fail OK Retry Reset Idle Running Error Done

Animated

In the HTML deck, diagrams can move. PDF and ODP get a clean still frame.

  • flow= dots travel along an edge
  • border=pulse, march, glow
  • Set per edge, per node, or in CSS
allocate User Gateway Scheduler GPU pool
allocate User Gateway Scheduler GPU pool
1 / 6

predictygraph

Readable diagrams inside slides

Decktile
Text-to-graph rendering

Architecture

predictygraph draws diagrams from a short text description. Nodes and edges are placed automatically.

  • Per-group layouts
  • Groups as containers
  • Tag colours from the theme
  • CSS inside the diagram
Application Memory Compute GPU

Flowchart

Flowcharts use decision diamonds and process boxes with directional edges to show logic flow.

  • Box shapes for processes
  • Diamond shapes for decisions
  • Edge labels for branches
Yes No Start Process Valid? Done Retry

Groups

System Architecture Frontend Backend Services Web App Mobile API Database
System Architecture Frontend Backend Services Web App Mobile API Database

State Machine

State machines model system behavior with states and transitions. Each state is a node with specific styling.

Start Fail OK Retry Reset Idle Running Error Done

Animated

In the HTML deck, diagrams can move. PDF and ODP get a clean still frame.

  • flow= dots travel along an edge
  • border=pulse, march, glow
  • Set per edge, per node, or in CSS
allocate User Gateway Scheduler GPU pool
allocate User Gateway Scheduler GPU pool

predictygraph

Readable diagrams inside slides

Decktile
Text-to-graph rendering

Architecture

predictygraph draws diagrams from a short text description. Nodes and edges are placed automatically.

  • Per-group layouts
  • Groups as containers
  • Tag colours from the theme
  • CSS inside the diagram
Application Memory Compute GPU

Flowchart

Flowcharts use decision diamonds and process boxes with directional edges to show logic flow.

  • Box shapes for processes
  • Diamond shapes for decisions
  • Edge labels for branches
Yes No Start Process Valid? Done Retry

Groups

System Architecture Frontend Backend Services Web App Mobile API Database
System Architecture Frontend Backend Services Web App Mobile API Database

State Machine

State machines model system behavior with states and transitions. Each state is a node with specific styling.

Start Fail OK Retry Reset Idle Running Error Done

Animated

In the HTML deck, diagrams can move. PDF and ODP get a clean still frame.

  • flow= dots travel along an edge
  • border=pulse, march, glow
  • Set per edge, per node, or in CSS
allocate User Gateway Scheduler GPU pool
allocate User Gateway Scheduler GPU pool
7s