DataGlass Examples

Interactive chart examples for the DataGlass Obsidian plugin. Open this folder as an Obsidian vault to test the examples.

Directory Structure

examples/
├── showcases/          # 24 real-world domain examples
├── plot-charts/        # 30 Observable Plot chart examples
├── d3-charts/          # 3 D3 engine examples with sample data
├── transformations/    # 6 data transformation tutorials
├── canvas/             # Canvas integration examples
├── radar/              # 4 radar chart examples
├── data/               # Sample datasets (CSV, Parquet, JSON)
└── [feature].md        # Feature-specific reference examples

Quick Start

1. Open examples/ folder as an Obsidian vault
2. Enable the DataGlass plugin (Settings → Community Plugins)
3. Browse any .md file to see live charts

Showcases

Real-world examples demonstrating DataGlass capabilities:

• Engineering - System metrics, architecture diagrams
• Finance - Stock analysis, portfolio tracking
• DevOps - Monitoring dashboards, performance metrics
• Machine Learning - Model evaluation, feature analysis
• Fitness - Activity tracking, health metrics
• Parquet Data - Working with large datasets

Plot Charts

Observable Plot examples organized by type:

• Marks - Complete mark showcase, advanced marks, waffle charts
• Statistical - Histograms, boxplots, regression analysis
• Interactions - Tooltips, selection, crosshair
• Network - Sankey diagrams, chord diagrams
• Specialized - Heatmaps, forecasts, donuts

D3 Charts

D3.js engine examples (use engine: d3):

• d3-framework-examples.md - All 31 D3 chart types
• d3-interactive-charts.md - Interactive D3 visualizations

Feature Reference

Root-level files document specific features:

File	Feature
categorical-order.md	Preserving category order
domain-inference-examples.md	Automatic domain detection
diverging-color-examples.md	Diverging color scales
filter-examples.md	Data filtering
custom-tick-format.md	Axis tick formatting
auto-mark-examples.md	Automatic mark selection
symbol-channel-example.md	Symbol encoding

Data

Sample datasets for testing:

• stock_prices_large.csv - 3,665 rows of stock data
• weather_yearly.csv - Daily weather data
• *.parquet - Parquet format examples

See data/README.md for full dataset documentation.

Contributing

When adding examples:

1. Showcases go in showcases/ - real-world, domain-specific
2. Chart types go in plot-charts/ or d3-charts/
3. Feature demos go at root level
4. Use descriptive filenames (kebab-case)
5. Include a title and brief description in each file