Skip to Content
Veltix
Introduction

Veltix - Data Visualization Dashboard Builder

Veltix is a modern data visualization dashboard building tool that enables you to create pixel-perfect, interactive dashboards with real-time data updates. Built with React, TypeScript, and ECharts, it provides a powerful yet intuitive platform for building professional data visualization solutions.

✨ Key Features

  • 🎨 Free Layout System: Drag, resize, and rotate components with pixel-perfect precision
  • 📊 Rich Component Library: Built-in charts, tables, KPI cards, and visualization components
  • 🔗 Multi-Data Source Support: Connect to APIs, CSV files, PostgreSQL, Google Sheets, and more
  • ⚡ Real-time Updates: Three update modes - static, polling, and WebSocket push
  • 🌙 Theme Customization: Light/dark themes with customizable color schemes
  • 🔄 Interactive Linkage: Click-to-filter and highlight data across components

🚀 Quick Start

Get started with Veltix in minutes:

Installation

pnpm install veltix

Usage

import { Veltix } from 'veltix'
import 'veltix/veltix.css'
 
export const MyVeltix = () => {
  return <Veltix />
}

🛠 Technology Stack

  • Frontend: Next.js + React + TypeScript
  • Styling: TailwindCSS + shadcn/ui
  • Charts: ECharts for React
  • Real-time: Socket.IO + Redis Pub/Sub
  • Build Tool: Turborepo + pnpm
Veltix Dashboard Example

📚 What’s Next?

Last updated on
Getting Started