Visualizations and Diagrams

VDF can visualize insights as diagrams and lightweight artifacts to make decisions faster. This guide explains what gets visualized, where to see diagrams, how to generate them, and how to export or share.

What VDF visualizes

  • Team and process dynamics (e.g., causal loops) for agile coaching.
  • Lightweight UI mockups and structured artifacts from Agent workflows.
  • Structured checklists and tables derived from documents or prompts.

Where diagrams appear

  • In the Agile Team Agent conversation:
    • Inline diagram area (when available): causal loop diagrams appear above the messages.
    • Artifact preview card: “Preview generated artifact” shows up under an answer; click to open a live preview.
  • In exports: you can export a diagram or artifact as PDF or an image from the preview or from the inline diagram toolbar.

Supported diagram experiences (at a glance)

Type Where it appears How it’s generated Export
Causal Loop Diagram Inline area in Agile Team Agent Agent mode (Scrum/Agile guidance) PDF, Image (toolbar buttons)
Flow/Influence visuals In answers or artifact preview Agent mode prompts (e.g., "visualize" / "diagram") PDF, Image (from preview)
UI Wireframe/Mockup Artifact preview Agent mode: “generate mockup”, “wireframe dashboard” Download/Export from preview
Checklists/Tables In message or artifact preview Agent mode or Manual tools (Report Analysis) Export as CSV/HTML via assistant 
flowchart LR
  P[Your prompt] --> A[Agent mode]
  A -->|Analyze context| G[Generate diagram/artifact]
  G --> V[Inline diagram or Preview]
  V --> X[Export PDF/Image]

Supported visualization types (full list)

Below is the complete set of visualization types VDF’s generator can produce (backed by our D3/HTML engine). Some types may automatically fall back to a close alternative if a specialized plugin is not available.

  • Time series & general charts

    • line, multiLine, area, stackedArea, streamgraph
    • bar, groupedBar, stackedBar, horizontalBar
    • scatter, bubble, connectedScatter
    • pie, donut, gaugeArc
    • waterfall, lollipop, bullet

  • Distributions

    • histogram, density (KDE), boxplot, violin, ridgeline, beeswarm

  • Hierarchical

    • treemap, sunburst, icicle, circlePack
    • tree, radialTree, edgeBundle (cluster + curved links)

  • Flow & relationships

    • sankey (fallback if no plugin), alluvial
    • chord, arcDiagram, networkForce, networkStatic, adjacencyMatrix

  • Spatial (maps)

    • choropleth, symbolMap (proportional circles), bubbleMap
    • hexbinMap (fallback to gridded heatmap), contourMap
    • tileMap (gridded), cartogram (fallback to choropleth)

  • Heat & density

    • heatmap, calendarHeatmap, hexbin (fallback: binned heatmap), contour

  • Multivariate & other

    • parallelCoordinates, radar, wordCloud (fallback to sized labels)
    • voronoiOverlay (for scatter/line hover regions)
    • timeline, gantt
    • smallMultiples (facet any base chart)

Tip: If you’re not sure which type to use, simply describe your data and goal (e.g., “time series of weekly velocity,” “map of incidents by region,” “many‑to‑many dependencies”), and Agent mode will pick a suitable chart automatically.

Generate diagrams using Agent mode

  • Use plain language prompts. Examples:
    • “Create a causal loop diagram that shows how WIP and context switching impact delivery time.”
    • “Visualize our incident flow with inputs, bottlenecks, and feedback loops.”
    • “Generate a simple dashboard wireframe with a header, three metric cards, and a chart area.”
    • “Turn this process description into a step‑by‑step flow and highlight risks.”
  • Add context for better results:
    • Attach a document and ask: “Summarize and visualize the feedback loop described here.”
    • Reference integrated data (e.g., Jira connected): “Show an influence diagram of factors impacting cycle time.”

See and control the diagrams

  • Inline diagram area (when present):
    • Fit to view: auto‑sizes the diagram to your screen.
    • Export PDF / Export Image: download the current view.
  • Artifact preview card:
    • Click to open live preview; regenerate if offered by the assistant.
    • Download/Export options are available within the preview.

Prompts to try

  • “Create a causal loop diagram of ‘rush to deliver’ → ‘defect rate’ → ‘rework’ → ‘delivery time’.”
  • “From this PDF, extract key forces and show an influence diagram.”
  • “Generate a wireframe for a team metrics dashboard: header, filters, velocity card, cycle time card, flow efficiency chart.”
  • “Produce a table comparing three options and mark trade‑offs.”

Manual tools interplay

  • Report Analysis: turns long docs into summaries, checklists, or tables; ask to “convert to a checklist” or “export as CSV”.
  • Story/Backlog tools: while they focus on text, you can still ask for a simple diagram preview or a table of acceptance criteria.

Exporting and sharing

  • Inline diagram toolbar: Export as PDF or Image.
  • Artifact preview: ask “Export as PDF/HTML/CSV and email to me” for structured content.
  • Cockpit: export the dashboard as PDF (see Company Cockpit guide).

Tips

  • Be explicit about elements to include (e.g., nodes, relationships, steps).
  • Keep initial prompts short; refine with follow‑ups (add/remove factors, rename nodes).
  • For dark mode, diagrams adapt to your app theme automatically.

Troubleshooting

  • “I don’t see a diagram area”: some answers produce only an artifact preview; click the preview card.
  • “Export buttons are missing”: open the preview or use the inline toolbar when the diagram is visible.
  • “The diagram looks clipped”: use Fit to view, then export again.