================================================================================
                    GLANCE-CHARTS POSTER & PRESENTATION GUIDE
================================================================================

--------------------------------------------------------------------------------
1. ELEVATOR PITCH & KEY METRICS
--------------------------------------------------------------------------------
* Zero Dependencies: Written in pure vanilla JS and CSS. No bloated runtimes.
* Featherweight Footprint: Under 8KB gzipped. Loads and renders instantly.
* Dual Engine Architecture: Automatically uses SVG for crisp vector graphics,
  and switches to Canvas for high-frequency datasets (>2000 points).
* Beautiful by Default: Outfit typography, responsive fluid sizing, smooth
  animations, and glassmorphic tooltips.
* Accessible & Compliant: Keyboard navigation, auto contrast colors, and 
  screen-reader support.
* Universal Export: One-click menu to download charts as SVG vectors or raw
  CSV datasets.


--------------------------------------------------------------------------------
2. THE 29 SUPPORTED CHARTS & WIDGETS
--------------------------------------------------------------------------------

A. Standard Cartesian:
  * Line Chart (line)
  * Bar Chart (bar)
  * Horizontal Bar (horizontalBar)
  * Pie Chart (pie)
  * Donut Chart (doughnut)
  * Area Chart (area)

B. Advanced & Statistical:
  * Scatter Plot (scatter)
  * Bubble Chart (bubble)
  * Radar Chart (radar)
  * Polar Area (polarArea)
  * Box Plot (boxplot)
  * Violin Plot (violin)
  * Candlestick (candlestick)

C. Stacked Variations:
  * Stacked Bar (stackedBar)
  * Stacked Horizontal Bar (stackedHBar)
  * Stacked Area (stackedArea)

D. Specialized Visualizations:
  * Heatmap (heatmap)
  * Treemap (treemap)
  * Gauge (gauge)
  * Funnel Chart (funnel)
  * Waterfall Chart (waterfall)
  * Sunburst Chart (sunburst)
  * Sankey Diagram (sankey)
  * Word Cloud (wordcloud)
  * Vector Map (map)

E. Utility Widgets:
  * KPI Card (kpi)
  * Data Table (table)
  * Text Box (text)


--------------------------------------------------------------------------------
3. QUICK-COPY SETUP & INITIALIZATION
--------------------------------------------------------------------------------

[HTML Setup]:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glance-charts/glance-charts.css">
<script src="https://cdn.jsdelivr.net/npm/glance-charts/glance-charts.js"></script>
<div id="chart" style="width: 400px; height: 300px;"></div>

[Line Chart Setup]:
Glance('#chart', {
    type: 'line',
    data: {
        labels: ['Q1', 'Q2', 'Q3', 'Q4'],
        datasets: [{
            label: 'Sales',
            data: [15, 22, 18, 30],
            color: '#6366f1',
            fill: true
        }]
    }
});

[KPI Widget Setup]:
Glance('#my-kpi', {
    type: 'kpi',
    trend: '+12.4%',
    data: {
        labels: ['Monthly Target'],
        datasets: [{
            data: [9420],
            sparklineData: [8200, 8500, 8900, 9420],
            color: '#10b981'
        }]
    }
});


--------------------------------------------------------------------------------
4. CSS CUSTOM DESIGN TOKENS
--------------------------------------------------------------------------------
:root {
    --glance-font: 'Outfit', 'Inter', sans-serif;
    --glance-bg: #ffffff;
    --glance-grid: #f1f5f9;
    --glance-text: #64748b;
    --glance-tooltip-bg: rgba(255, 255, 255, 0.9);
    --glance-tooltip-border: #e2e8f0;
    --glance-tooltip-text: #0f172a;
}
================================================================================