timeplus-iotimeplus-ioOfficialยท1 Agent Skills Included

vistral

Real-time streaming charts and dashboards for React apps

Builds live streaming charts, tables, geo maps, and metric displays in React applications. Handles real-time data updates, sliding time windows, and per-entity tracking without manual re-rendering logic. Provides ready-made themes, color palettes, and spec-driven chart definitions so developers ship dashboards faster.
npx skills add timeplus-io/vistral --all -g -y
Available:

Explains the library's architecture, data flow, and component patterns so the agent can correctly build and modify streaming chart code in this project.

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Vistral?โ–ผ

Run `npx skills add timeplus-io/vistral --all -g -y` in your terminal to install this skill globally.

What is Vistral used for?โ–ผ

Vistral is a React library for real-time streaming data visualization, offering line, area, bar, column, single value, table, markdown, and geo map charts built on AntV G2.

How do I render live updating charts in React?โ–ผ

Use the VistralChart component with a ChartHandle to append new rows as data arrives, or use StreamChart with the useStreamingData hook for quick config-based charts.

Does Vistral support dark mode and custom themes?โ–ผ

Yes. It ships with dark and light themes, and you can register custom themes with your own palettes, fonts, and axis styles.

Can I use Vistral without deep charting knowledge?โ–ผ

Yes. The Config API lets you create charts with a simple chartType and field mappings, while the Grammar API offers full control for advanced cases.

Related Repositories in Data & Analytics

View All in Data & Analyticsโ†’