Vis

This is a superset of the most commonly used front-end charts based on D3, guiding you to recognize, learn and use the right charts to build your own pages, including PC and Mobile, shop around for experience, and very low-cost style copying , easily build your own theme system, let the datas blingbling!

Installation

Vis is unavailable as an npm package.

Stable channel v0.1

// with npm
npm install vis

// with yarn
yarn add vis

Major features

• D3 solutions
• Out-of-the-box common mobile development functions
• ES6 and CommonJS modules
• Tree shaking of ES6 modules
• Almost the best API to use on the market
• Zero-cost style overrides and theme configuration
• Sophisticated and elegant style design
• An API for JavaScript and Typescript

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react'
import ReactDOM from 'react-dom'
import LineChart from 'vis'

function App() {
  useEffect(() => {
    LineChart.render('chart')
  })
  return <div id="chart" />
}

ReactDOM.render(<App />, document.querySelector('#app'))

Yes, it's really all you need to get started as you can see in this live and interactive demo:

License

This project is licensed under the terms of the MIT license.

So

Check out the getting started instructions if you want to give your vis a newborn.