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
- 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.
| Package | What it does | npm |
|---|---|---|
| @visactor/vbi | Headless Query、Chart Builders. |  |
| @visactor/vquery | Lightweight Query Engine |  |
| @visactor/vseed | Visualization Engine |  |
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.
Install the VBI skill for coding agents:
npx skills add visactor/vbiRead Contributing / 贡献指南 for local checks, VSeed case authoring, the enabled workflow's scope and cutoff, PR states, manual Photo review, and approval/merge. Start visual testing from the VSeed guide.