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: risk behavior patterns.** Highlight or connect action nodes that match a business-defined risk pattern to compare behavioral segments across users. **Hypothetical scenario:** a business marks “log in from a new device → change the linked email → send messages in bulk” as a pattern requiring review. Connecting the matching actions shows which users exhibit the pattern and at which steps. This rule is illustrative. **Example data:** `user_004` has follow record `event_004_4` at step 4 (count 7), linked to private-message record `event_004_6` at step 6. This demonstrates pattern annotation; no actual risk rule is defined for `pattern_001`. - **Axes:** each row is a user; columns are steps. Top labels show each step's configured medium category, such as room or device, and an additional `+N` count. - **Dots and links:** dots are event records colored by activity; links mark related segments and are colored by relationship category. A count of 7 still produces one dot. - **Controls:** select a range at the bottom, pan across steps 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: risk behavior patterns. Highlight or connect action nodes that match a business-defined risk pattern to compare behavioral segments across users.

Hypothetical scenario: a business marks “log in from a new device → change the linked email → send messages in bulk” as a pattern requiring review. Connecting the matching actions shows which users exhibit the pattern and at which steps. This rule is illustrative.

Example data: user_004 has follow record event_004_4 at step 4 (count 7), linked to private-message record event_004_6 at step 6. This demonstrates pattern annotation; no actual risk rule is defined for pattern_001.

  • Axes: each row is a user; columns are steps. Top labels show each step's configured medium category, such as room or device, and an additional +N count.
  • Dots and links: dots are event records colored by activity; links mark related segments and are colored by relationship category. A count of 7 still produces one dot.
  • Controls: select a range at the bottom, pan across steps horizontally, and scroll vertically to see more users.

PX
x
PX
%
Share