VChart 2.2.0
Tutorials
Contributing
Options
API
FAQ
Themes 🌼
Changelogs
Online Customization
Playground
VChart Story Teller

Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

VTable Checkered Artist

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

VSeed, an elegant data composer, transforming complexity into simplicity.

VGraph Relationship Explorer

It is not only a fully functional graph visualization library, but also an explorer of data relationships.

!!!###!!!title='Sequence Analysis——VisActor/VChart demo!!!###!!!!!!###!!!description=**Version requirement:** `sequenceAnalysis` is available from `@visactor/vchart-extension` since **VChart 2.2.0**. Use **2.2.0 or later** and keep `@visactor/vchart` and `@visactor/vchart-extension` versions identical. If you select an unsupported version in the live demo, upgrade it; this extension chart is not built into the core package. **Design meaning: action targets.** Inspect whether multiple users act on the same object at similar times, such as sending messages to the same user. **Hypothetical scenario:** users A, B and C all message user T within the same minute. The time axis shows temporal concentration, while T's target avatar reveals concentration on the same recipient. T receives the actions rather than sending them. **Example data:** at 10:00 on July 7, 2025 (Beijing, UTC+8), `user_002`'s login record `event_002_2` (count 7) links to `user_003`'s private-message record `event_003_2` (count 2), with a configured `user_003` midpoint avatar. These mock records demonstrate arrows and avatars; they do not fully model the hypothetical group-message scenario above. - **Axes:** each row is a user; horizontal position shows occurrence time. Top numbers sum activity counts across all users at each timestamp. - **Dots and links:** dot colors group activities; arrows show link direction. Midpoint avatars are configured separately and can differ from the target event's user. - **Controls:** select a time range at the bottom, pan the time window horizontally, and scroll vertically to see more users.!!!###!!!

'Sequence Analysis

mobile

Version requirement: sequenceAnalysis is available from @visactor/vchart-extension since VChart 2.2.0. Use 2.2.0 or later and keep @visactor/vchart and @visactor/vchart-extension versions identical. If you select an unsupported version in the live demo, upgrade it; this extension chart is not built into the core package.

Design meaning: action targets. Inspect whether multiple users act on the same object at similar times, such as sending messages to the same user.

Hypothetical scenario: users A, B and C all message user T within the same minute. The time axis shows temporal concentration, while T's target avatar reveals concentration on the same recipient. T receives the actions rather than sending them.

Example data: at 10:00 on July 7, 2025 (Beijing, UTC+8), user_002's login record event_002_2 (count 7) links to user_003's private-message record event_003_2 (count 2), with a configured user_003 midpoint avatar. These mock records demonstrate arrows and avatars; they do not fully model the hypothetical group-message scenario above.

  • Axes: each row is a user; horizontal position shows occurrence time. Top numbers sum activity counts across all users at each timestamp.
  • Dots and links: dot colors group activities; arrows show link direction. Midpoint avatars are configured separately and can differ from the target event's user.
  • Controls: select a time range at the bottom, pan the time window horizontally, and scroll vertically to see more users.

PX
x
PX
%
Share