Examples

Interactive chart examples demonstrating DataGlass capabilities. Browse these examples to learn different chart types, data sources, and configuration options.

Showcases

Real-world examples demonstrating DataGlass in various domains:

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

Observable Plot Charts

Examples using the Observable Plot engine (default):

Marks & Composition

• Complete Mark Showcase - All available marks
• Advanced Marks - Advanced mark techniques
• Waffle Charts - Waffle chart examples
• Text Annotations - Adding text to charts

Statistical Charts

• Statistical Visualizations - Histograms, boxplots
• Regression Analysis - Regression lines and analysis
• Error Bars - Error bar examples

Interactions

• Interactive Tooltips - Tooltip customization
• Interactive Selection - Selection interactions
• Crosshair Interactions - Pointer tracking

Specialized

• Sankey Diagrams - Flow diagrams
• Chord Diagrams - Relationship diagrams
• Heatmaps - Heatmap visualizations
• Donut Charts - Donut chart examples
• Forecast Charts - Time series forecasts

Styling

• Smooth Curves - Curve interpolation options
• Stacked Areas - Stacked area charts
• Normalized Charts - Percentage-based charts
• Diverging Stacked Bars - Diverging bar charts

D3 Charts

Examples using the D3 engine (engine: d3):

• Data Analysis Showcase - Statistical and analytical visualizations
• D3 Framework Examples - All 31 D3 chart types
• D3 Interactive Charts - Interactive D3 visualizations
• Multi-Mark Examples - Composing multiple marks
• D3 Marks V2 - New mark system examples
• DevOps Monitoring D3 - Infrastructure and deployment metrics

Phase 5A: Interactive Features

Advanced interactive features for data exploration:

• Interactive Legends & Multi-Select - Legend toggling, shift-click selection, enhanced tooltips
• Advanced Interactive Patterns - A/B testing, portfolio tracking, anomaly detection, competitive analysis

Quick Start

• Click legend items to toggle series visibility on/off
• Single-click dots to select one data point
• Shift-click dots to add/remove from multi-selection (for comparison)
• Hover to see tooltip for nearest data point
• Click background to clear all selections

Data Transformations

Learn how to transform data before visualization:

• Transformation Overview - Getting started with transforms
• Data Cleaning - Filtering and cleaning data
• Multi-Step Pipelines - Chaining transforms
• Pivot Examples - Reshaping data
• Time Series Analysis - Time-based transforms
• Sales Dashboard - Complete dashboard example

Feature Reference

Detailed examples for specific features:

Example	Feature
Categorical Order	Preserving category order
Domain Inference	Automatic domain detection
Diverging Colors	Diverging color scales
Filter Examples	Data filtering
Custom Tick Format	Axis tick formatting
Auto Mark	Automatic mark selection
Symbol Channel	Symbol encoding

Hierarchy Charts

Interactive hierarchy visualizations:

• Treemap - Treemap with drill-down
• Sunburst - Sunburst with drill-down
• Circle Packing - Circle packing with drill-down
• Dendrogram - Tree diagrams
• Icicle - Icicle partition diagrams

Network Charts

Graph and network visualizations:

• Arc Diagram - Co-author networks and module dependencies
• Sankey Flows - Energy, budget, and supply chain flows
• Force-Directed Basic - Basic force layout
• Force-Directed Groups - Grouped network

Sample Data

The data/ folder contains sample datasets:

• CSV files: stock prices, weather, sales transactions
• Parquet files: ecommerce, fitness, weather
• JSON files: simpsons ratings, organizational data

See Data README for full dataset documentation.