VChart 1.12.11
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 Relationship Explorer plus

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

!!!###!!!title=Bar with StreamLight——VisActor/VChart demo!!!###!!!!!!###!!!description=Animation execution process: 1. Entrance animation: executed during the first rendering - Growth: The height of the primitive starts from 0 and grows upward/right - Move in: All primitives keep their relative positions and are moved into the canvas as a whole. 2. Normal animation: Carousel animation every interval. - Group highlighting: Taking dimensions as the grouping unit, highlight in sequence - Streamer: The streamer primitive moves from the starting point of the column primitive to the end point - Move in: All primitives keep their relative positions and are moved into the canvas as a whole. This case includes: Admission: Growth + Normality: Move-in and Streamer!!!###!!!

Bar with StreamLight

Name
Bar Chart
Target
Comparison
Composition
Proportion
Component
Animation

mobile

Animation execution process:

  • Entrance animation: executed during the first rendering
  • Growth: The height of the primitive starts from 0 and grows upward/right
  • Move in: All primitives keep their relative positions and are moved into the canvas as a whole.
  • Normal animation: Carousel animation every interval.
  • Group highlighting: Taking dimensions as the grouping unit, highlight in sequence
  • Streamer: The streamer primitive moves from the starting point of the column primitive to the end point
  • Move in: All primitives keep their relative positions and are moved into the canvas as a whole.

This case includes: Admission: Growth + Normality: Move-in and Streamer

PX
x
PX
%