Canvas Integration

Build data pipelines and visualizations on Obsidian canvas.

Overview

DataGlass enhances Obsidian's native canvas with data flow capabilities. Query nodes load data from files, chart nodes visualize that data, and canvas edges connect them.

[Query Node] ──edge──> [Chart Node]
     │                      │
     └── loads CSV/JSON     └── renders visualization

Key Features

• Data Flow: Query nodes feed data to connected charts
• Native Controls: Use Obsidian's zoom, pan, and selection
• Reusable Charts: Store charts as markdown files
• JSON Canvas 1.0: Standard compatible format

Quick Start

1. Create a Query Node

Add a text node that loads data:

{
  "type": "text",
  "dgExtension": {
    "nodeType": "query",
    "query": "file: data/sales.csv"
  }
}

2. Create a Chart Node

Add a chart that receives upstream data:

data:
  upstream: true
type: bar
x: region
y: revenue

3. Connect with an Edge

Draw a canvas edge from query to chart. The chart renders with the query's data.

File Organization

vault/
├── charts/           # Reusable chart files
├── data/             # CSV and JSON data
└── canvases/         # Canvas files
    └── dashboard.canvas

Next Steps

• Data Flow - How data moves between nodes
• Query Nodes - Load data from files
• Chart Nodes - Configure visualizations
• Commands - Available commands