Pipelines
The pipeline graph on the Data Overview page provides an interactive, ReactFlow-based view of how data flows through your Vendo account. It maps every source, model, and destination as a node and draws edges to show their dependencies, giving you a complete picture of your data pipeline at a glance.
There is no separate Pipelines menu item — the pipeline graph is the data-flow map on the Data Overview page. Open Data in the sidebar (or Data → Overview in the Data menu) to see it.
Overview
Instead of navigating between separate source, model, and destination lists, the Pipelines graph shows your entire data flow in one place. Each node represents a pipeline component, and each edge represents a data dependency between them. The graph updates to reflect current sync status, so you can spot issues immediately.
Understanding the Graph
The graph renders nodes connected by directional edges across multiple layers:
Sources --> Calculated Properties --> Transformations --> Destinations
Identity Resolution
Attribution- Edges connect nodes to every downstream node that depends on their data.
- Direction flows left to right by default (sources on the left, destinations on the right).
- Auto-layout positions nodes automatically so the graph is readable without manual arrangement.
- Drag and drop lets you reposition any node if you prefer a different layout.
- Zoom and pan controls let you navigate large graphs. Use the mouse wheel to zoom and click-drag on the background to pan.
Node Types
Each node type has a distinct appearance and displays contextual information.
Source Nodes
| Detail | Description |
|---|---|
| Icon | Integration icon matching the connected platform (e.g., Google Ads, Stripe) |
| Label | Source name |
| Status indicator | Colored dot showing current status (active, paused, error, syncing) |
| Pulsing animation | The status dot pulses when a sync is currently running |
Model Nodes
| Detail | Description |
|---|---|
| Icon | Model type icon (SQL, Python, Segment, etc.) |
| Label | Model name |
| Status indicator | Shows whether the model has run successfully or has errors |
Calculated Property Nodes
| Detail | Description |
|---|---|
| Icon | Transformation icon |
| Label | Transformation name |
| Status indicator | Shows whether the latest property computation succeeded or failed |
Calculated property transformations trigger automatically when upstream source nodes complete. When computation finishes, they signal downstream nodes (e.g., BQML models that consume the computed properties).
Identity Resolution & Attribution Nodes
| Detail | Description |
|---|---|
| Icon | Node type icon |
| Label | Node name |
| Status indicator | Shows current run status |
These nodes run identity resolution or attribution analysis and can be chained between sources and models in the DAG.
Destination / Export Nodes
| Detail | Description |
|---|---|
| Icon | Destination platform icon |
| Label | Destination name and export type |
| Status indicator | Current export status |
Actions
You can interact with pipeline nodes directly from the graph.
Node Details
Click any node to view its details in a side panel:
| Field | Description |
|---|---|
| App type | The integration or model type |
| Status | Current sync or run status |
| Last sync | Timestamp of the most recent successful sync |
| Configuration | Link to the full configuration page for the source, model, or destination |
Triggering Syncs
Right-click a source or destination node (or use the node action menu) to trigger a sync directly from the graph. This is equivalent to clicking “Sync Now” on the source or destination detail page.
Adding Edges
You can add edge connections between nodes to define new dependencies. Drag from one node’s output handle to another node’s input handle to create a connection.
Exporting
You can export the current pipeline graph as a PNG image for sharing or documentation.
- Click the Export button in the graph toolbar.
- Vendo captures the current viewport, adds a branded frame with the Vendo logo, and includes a legend explaining the node status indicators.
- The PNG downloads to your browser automatically.
The exported image uses the filename prefix pipeline-graph and includes a timestamp.
Tips
- Large accounts with many sources and destinations benefit from the auto-layout, which prevents nodes from overlapping.
- Status at a glance makes the Data Overview graph a good starting point when triaging sync issues — look for red or amber status dots.
- Zoom to fit resets the viewport to show all nodes when you have scrolled or zoomed away from the main graph.