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

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.

!!!###!!!title=OMI——VisActor/VChart tutorial documents!!!###!!!!!!###!!!description=OMI is a Web components framework based on JSX and signal. Correspondingly, the OMIU component library offers a variety of ready-to-use UI components and provides built-in encapsulation for VChart.- OMI Project URL: [OMI](https://omi.cdn-go.cn/home/latest/introduction.html)- OMIU Project URL: [OMIU](https://omi.cdn-go.cn/omiu/latest/#/)!!!###!!!

OMI Introduction

OMI is a Web components framework based on JSX and signal. Correspondingly, the OMIU component library offers a variety of ready-to-use UI components and provides built-in encapsulation for VChart.

OMI Project URL: OMI
OMIU Project URL: OMIU

Quick Start

A simple OMIU chart rendering code looks like this:

<o-chart
  xField="month"
  yField="sales"
  data={{
    values: [
      { month: 'Monday', sales: 22 },
      { month: 'Tuesday', sales: 13 },
      { month: 'Wednesday', sales: 25 },
      { month: 'Thursday', sales: 29 },
      { month: 'Friday', sales: 38 }
    ]
  }}
></o-chart>

For more OMIU vchart rendering examples, please refer to OMIU chart examples

OMI Introduction

Quick Start