Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/viserjs/viser
viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/
https://github.com/viserjs/viser
angularjs g2 react visualization vue
Last synced: 1 day ago
JSON representation
viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/
- Host: GitHub
- URL: https://github.com/viserjs/viser
- Owner: viserjs
- License: mit
- Created: 2017-10-27T16:47:46.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T20:37:41.000Z (about 2 years ago)
- Last Synced: 2024-10-29T15:18:58.051Z (2 months ago)
- Topics: angularjs, g2, react, visualization, vue
- Language: TypeScript
- Homepage: https://viserjs.github.io
- Size: 4.95 MB
- Stars: 1,603
- Watchers: 39
- Forks: 123
- Open Issues: 157
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-frontend - viser - Viser is a toolkit fit for data vis engineer.  (Repository / Data Visualization)
- awesome-github-star - viser
README
# 
## Introduction
A toolkit fit for data vis engineer based on G2. Viser support React, Vue and AngularJS.
The main purpose of this library is to help you to write charts in web applications without any pain. Main principles of Viser are:
1. Simply deploy with semantic component with chart, including but not limited to React, Vue and AugularJS.
2. Lightweight depending only on G2 which is a plotting system for Javascript, based on the grammar of graphics.
## Installation
Viser include 3 version which is integrated by react, vue and angular. We provide NPM or UMD to use library.
NPM is the easiest and fastest way to get started using viser. It is the recommended installation method when building single-page applications (SPAs). It pairs nicely with a CommonJS module bundler such as Webpack.
UMD is the script way to using viser. It is convenient method when you used quickly.
### Vue Version
In vue version, You mush prepare to vue version greater than **2.5** in project.
#### npm
The NPM way is only install by shell:
```shell
# latest stable
$ npm install viser-vue
```
#### umd
The UMD build is also available on unpkg.com:
```html
```
Then you can find the library on window.ViserVue.
### Angular Version
In angular version, You mush prepare to angular version greater than **2.4** in project. In addition, you also prepare to reflect-metadata version greater than **0.1**, rxjs version greater than **5** and zone.js version greater than **0.7**.
#### npm
The NPM way is only install by shell:
```shell
# latest stable
$ npm install viser-ng
```
#### umd
The UMD build is also available on unpkg.com:
```html
```
Then you can find the library on window.ViserNg.
### React Version
In react version, You mush repare react version greater then **15**, and support **16** certainly.
#### npm
The NPM way is only install by shell:
```shell
# latest stable
$ npm install viser-react
```
#### umd
The UMD build is also available on unpkg.com:
```html
```
Then you can find the library on window.ViserReact.
## Demo
To examine the demos in your local build, open to `demo` directory, and execute
```shell
$ git clone https://github.com/viserjs/viser.git
$ npm run bootstrap
$ cd ./demo && npm install
$ npm run start
```
and then browse to http://localhost:3000
## License
[MIT](https://github.com/viserjs/viser/blob/master/LICENSE)
Copyright (c) 2017 DT-FE