VStory 0.0.21
Examples
Tutorials
Contributing
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=unit-visualize-template——VisActor/VRender demo!!!###!!!!!!###!!!description=In order to use the unit visualization component more conveniently, we have made this template, which can easily create your own unit visualization works. The core component of this template is the [unit visualization component](/vstory/demo/character/unit). We have created a work based on this template: [American Gun Death Unit Visualization](/vstory/demo/works-show/unit-gun-death), you can view the detailed introduction of the work. You only need to prepare a spec, pass it into the `createUnitTemplate` function, and you can get a DSL of a work. The general production process is as follows: 1. First, you need to prepare a set of data and set it to the data field of the spec 2. Set the layout, title style, and unit default configuration for the spec 3. In the scenes array, define your story plot, each plot includes a title and a nodes array, each item in the array can filter data through `query`, and set the style of the corresponding points for the data, the nodes array supports nesting through the children field, and performs nested `query` In this demo, we randomly generate a set of data from the planet Kambala, which includes 20,000 Kambala people, some are blue, some are red, some are big Kambala people, and some are small Kambala people. We hope to visualize these data through the unit visualization component.!!!###!!!

unit-visualize-template

mobile

In order to use the unit visualization component more conveniently, we have made this template, which can easily create your own unit visualization works. The core component of this template is the unit visualization component. We have created a work based on this template: American Gun Death Unit Visualization, you can view the detailed introduction of the work.

You only need to prepare a spec, pass it into the createUnitTemplate function, and you can get a DSL of a work. The general production process is as follows:

  • First, you need to prepare a set of data and set it to the data field of the spec
  • Set the layout, title style, and unit default configuration for the spec
  • In the scenes array, define your story plot, each plot includes a title and a nodes array, each item in the array can filter data through query, and set the style of the corresponding points for the data, the nodes array supports nesting through the children field, and performs nested query

In this demo, we randomly generate a set of data from the planet Kambala, which includes 20,000 Kambala people, some are blue, some are red, some are big Kambala people, and some are small Kambala people. We hope to visualize these data through the unit visualization component.

PX
x
PX
%