VBI

Build AI-oriented business intelligence applications with reusable, headless building blocks.

VBI describes charts, dashboards, and insights as serializable DSLs. Its Builders manage analysis configuration, while data connectors and rendering integrations let you bring your own data and UI.

View examples · Try the playground · Get started

Explore examples

• Dashboard gallery: browse interactive dashboards across different scenarios.
• Chart Builder examples: see how to configure chart types, dimensions, measures, and filters.
• Dashboard Builder examples: combine charts and insights into a dashboard.
• Standard practice: explore an interactive analysis interface built on VBI.

Packages

Package	What it does	npm
@visactor/vbi	Manages chart, dashboard through headless Builders.
@visactor/vquery	Lightweight Query Engine
@visactor/vseed	Visualization Engine

Get started

Follow the VBI quick start to connect data, configure a chart with a Builder, and render it. You can also edit a working example in the playground.

Agent skill

Install the VBI skill for coding agents:

npx skills add visactor/vbi