ink-web-ui
Components

Charts

Terminal charts using Braille characters and Unicode block elements for data visualization

Demo

Click the terminal below. Press 1-4 to switch between chart types. Data auto-updates in real time.

Features

  • Braille line chart using Unicode Braille patterns (U+2800-U+28FF) for high-resolution 2D plotting with multiple series
  • Bar chart using block characters for vertical bars with color coding by value
  • Sparkline inline trend charts using ▁▂▃▄▅▆▇█ block elements with multiple series
  • Gauge horizontal progress bars with color thresholds (green/yellow/red)
  • Auto-updating data with pause/resume and reset controls
  • Tabbed view to switch between all four chart types

Keybindings

  • 1 Line chart
  • 2 Bar chart
  • 3 Sparkline
  • 4 Gauge
  • space pause/resume auto-update
  • r reset data

Chat Flow

Animated AI chat interface showing the complete flow — thinking, tool calls, streaming text, and code generation.

Code Block

Syntax-highlighted code display with line numbers and multi-language support

On this page

Demo
Features
Keybindings