tuiuiu.js 0.1.1

package/dist/molecules/data-viz/line-chart.d.ts

@@ -0,0 +1,157 @@
+/**
+ * LineChart Component - Multi-series Line Charts with Axes
+ *
+ * Renders line charts in the terminal using braille characters for
+ * high resolution or ASCII for compatibility. Supports multiple
+ * data series, axes, and legends.
+ */
+import type { VNode, ColorValue } from '../../utils/types.js';
+export interface DataPoint {
+    x: number;
+    y: number;
+}
+export interface DataSeries {
+    /** Series name (for legend) */
+    name: string;
+    /** Data points */
+    data: DataPoint[] | number[];
+    /** Line color */
+    color?: ColorValue;
+    /** Line style */
+    style?: 'solid' | 'dotted' | 'dashed';
+}
+export interface AxisOptions {
+    /** Show axis line */
+    show?: boolean;
+    /** Axis label */
+    label?: string;
+    /** Minimum value (auto-detected if not set) */
+    min?: number;
+    /** Maximum value (auto-detected if not set) */
+    max?: number;
+    /** Number of tick marks */
+    ticks?: number;
+    /** Custom tick formatter */
+    formatter?: (value: number) => string;
+}
+export interface LineChartOptions {
+    /** Data series to display */
+    series: DataSeries[];
+    /** Chart width in characters (default: 60) */
+    width?: number;
+    /** Chart height in rows (default: 15) */
+    height?: number;
+    /** X-axis options */
+    xAxis?: AxisOptions;
+    /** Y-axis options */
+    yAxis?: AxisOptions;
+    /** Show legend (default: true if multiple series) */
+    showLegend?: boolean;
+    /** Legend position */
+    legendPosition?: 'top' | 'bottom' | 'right';
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Grid color */
+    gridColor?: ColorValue;
+    /** Title */
+    title?: string;
+    /** Title color */
+    titleColor?: ColorValue;
+    /** Border style */
+    borderStyle?: 'none' | 'single' | 'double';
+}
+/**
+ * Canvas for drawing with braille characters
+ */
+declare class BrailleCanvas {
+    private pixels;
+    private width;
+    private height;
+    constructor(charWidth: number, charHeight: number);
+    /**
+     * Set a pixel at (x, y)
+     */
+    setPixel(x: number, y: number): void;
+    /**
+     * Draw a line using Bresenham's algorithm
+     */
+    drawLine(x0: number, y0: number, x1: number, y1: number): void;
+    /**
+     * Convert canvas to braille string
+     */
+    render(): string[];
+    get pixelWidth(): number;
+    get pixelHeight(): number;
+}
+/**
+ * ASCII canvas for non-Unicode terminals
+ */
+declare class AsciiCanvas {
+    private pixels;
+    private width;
+    private height;
+    constructor(width: number, height: number);
+    setPixel(x: number, y: number, char?: string): void;
+    drawLine(x0: number, y0: number, x1: number, y1: number, char?: string): void;
+    render(): string[];
+    get pixelWidth(): number;
+    get pixelHeight(): number;
+}
+/**
+ * Render line chart as string array
+ */
+export declare function renderLineChartStrings(series: DataSeries[], options?: Omit<LineChartOptions, 'series'>): string[];
+/**
+ * LineChart - Multi-series line chart with axes
+ *
+ * @example
+ * // Simple line chart
+ * LineChart({
+ *   series: [
+ *     { name: 'Sales', data: [10, 25, 30, 45, 60, 55, 70], color: 'cyan' },
+ *   ],
+ *   width: 50,
+ *   height: 10,
+ * })
+ *
+ * @example
+ * // Multi-series with custom axes
+ * LineChart({
+ *   series: [
+ *     { name: 'CPU', data: cpuHistory, color: 'green' },
+ *     { name: 'Memory', data: memHistory, color: 'yellow' },
+ *   ],
+ *   yAxis: { min: 0, max: 100, label: '%' },
+ *   showLegend: true,
+ * })
+ */
+export declare function LineChart(options: LineChartOptions): VNode;
+export interface AreaChartOptions extends Omit<LineChartOptions, 'series'> {
+    /** Single data series */
+    data: DataPoint[] | number[];
+    /** Area fill color */
+    color?: ColorValue;
+    /** Series name */
+    name?: string;
+}
+/**
+ * AreaChart - Filled area chart (single series)
+ *
+ * @example
+ * AreaChart({
+ *   data: [10, 25, 30, 45, 60, 55, 70],
+ *   color: 'cyan',
+ *   width: 50,
+ *   height: 10,
+ * })
+ */
+export declare function AreaChart(options: AreaChartOptions): VNode;
+/**
+ * Render multi-series line chart with colored output
+ */
+export declare function renderMultiSeriesChart(series: DataSeries[], options?: Omit<LineChartOptions, 'series'>): {
+    lines: string[];
+    colors: (ColorValue | undefined)[][];
+};
+export { BrailleCanvas, AsciiCanvas };
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/molecules/data-viz/line-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/molecules/data-viz/line-chart.ts"],"names":[],"mappings":"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"}