OpenLIT home pagelight logodark logo
  • openlit/openlit
  • openlit/openlit
  • Documentation
  • GitHub
  • Slack
  • Discord
  • Introduction
    • What is OpenLIT?
    • Quickstart: AI Observability
    • Quickstart: Evaluations
    • Quickstart: Guardrails
    • Self-hosting
    • SDK Configuration
    • UI Configuration
    Features
    • Overview
    • Tracing
    • Metrics
    • GPU Monitoring
    • Track Cost for Custom Models
    • Dashboards
      • Introduction
      • Creating Your First Folder
      • Create Your First Dashboard
      • Organize Your Dashboards
      • Pin a Dashboard
      • Set a Main Dashboard
      • Widgets
        • Getting Started with Widgets
        • Area Chart Widget
        • Bar Chart Widget
        • Line Chart Widget
        • Markdown Widget
        • Pie Chart Widget
        • Statistics Widget
        • Table Widget
      • How to Use Filters & Dynamic Bindings
      • Auto Refresh & Time Interval
    • Prompt Hub
    • Vault
    • Guardrails
    • Programmatic Evaluations
    • Exceptions Monitoring
    • OpenGround
    • Connect Multiple Databases
    Integrations
    • Overview
    • LLMs
    • VectorDBs
    • Frameworks
    • GPUs
    Connections
    • Introduction
    • OpenTelemetry Collector
    • Prometheus + Tempo
    • Prometheus + Jaeger
    • Grafana Cloud
    • New Relic
    • Elastic
    • HyperDX
    • DataDog
    • SigNoz
    • OneUptime
    • Dynatrace
    • OpenObserve
    • Highlight.io
    • Middleware
    • SigLens
    • Oodle
    • Langfuse
    • Murnitur
    API Reference
    • Introduction
    • Prompt Hub
    • Vault
    Privacy
    • Anonymous Usage Metrics
    Widgets

    Getting Started with Widgets

    Widgets are the core building blocks of dashboards in OpenLIT. Each widget connects to a ClickHouse query, allowing you to visualize data in different formats—from charts to tables, counters, and text. You can configure styling, bind parameters (like time ranges or filters), and arrange widgets freely in your dashboard layout. Widgets can be:

    • Visual (e.g., charts)
    • Informational (e.g., stats, markdown)
    • Data-centric (e.g., tables)

    Here are the list of supported widgets :

    Area Chart Widget

    Visualize trends over time with smooth, layered charts. Great for metrics like usage, traffic, or revenue that change over time.

    Bar Chart Widget

    Compare categories or segments side-by-side. Ideal for showing grouped metrics like errors by type or revenue by plan.

    Line Chart Widget

    Plot time-series data with precision. Perfect for tracking latency, load, or other performance metrics over time.

    Markdown Widget

    Add notes, context, or section headers using Markdown. Great for annotating dashboards or linking to documentation.

    Pie Chart Widget

    Show proportions and segment distribution clearly. Useful for visualizing things like user roles, traffic sources, or error categories.

    Stat Widget

    Highlight key metrics like active users, revenue, or conversion rate. A fast and simple way to display KPIs.

    Table Widget

    Display structured data in a paginated, sortable table. Perfect for audit logs, event tracking, or error views.

    Was this page helpful?

    Suggest edits
    Set a Main DashboardArea Chart Widget
    githubslackdiscordtwitterlinkedin
    Powered by Mintlify
    Assistant
    Responses are generated using AI and may contain mistakes.