open-index/open-npm huggingface dataset:
npm package: @gio-design/charts
Description: 一套基于 [G2](https://g2.antv.vision/zh) 的 Chart 组件库
Author: Zhang Rui
Latest version: 2.6.11

# GrowingIO Design Charts

一套基于 [G2](https://g2.antv.vision/zh) 的 Chart 组件库

![Build](https://img.shields.io/github/checks-status/growingio/gio-design-charts/master)
![Sonar](https://img.shields.io/sonar/coverage/gio-design-charts?server=http%3A%2F%2Fsonarcloud.io)
![Quality Gate](https://img.shields.io/sonar/quality_gate/gio-design-charts?server=https%3A%2F%2Fsonarcloud.io)
![Npm Version](https://img.shields.io/npm/v/@gio-design/charts)
![Release](https://img.shields.io/github/release-date/growingio/gio-design-charts)
![Score](https://img.shields.io/npms-io/final-score/@gio-design/charts)

![License](https://img.shields.io/github/license/growingio/gio-design)

## ✨ Features

- Base on [G2](https://g2.antv.vision/zh)
- React.js
- Storybook
- Typescript

## 📦 Installation

```bash | pure
$ npm install @gio-design/charts
```

## View in Website

```
yarn storybook
```

## License

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design?ref=badge_large)

---

Powered by

<p>
  <a href="https://gio-design-charts.vercel.app/?path=/story/charts-dashboard--dashboard" target="_blank"><img src="https://gio-design-charts.vercel.app/favicon-32x32.png" alt="Vercel Inc." height=32 /></a>
</p>
npm package: @gio-design/cli
Description: GrowingIO Design command line tools
Author: GrowingIO Frontend Team
Latest version: 21.2.0

# GrowingIO Design Cli

GrowingIO Design command line tools.

## Usage

```bash
$ gio-design --help
Usage: gio-design [command] [options]

Commands:
  gio-design version  Output the version of your package via the command line.

Options:
  --version  Show version number                                       [boolean]
  --help     Show help                                                 [boolean]
```
npm package: @gio-design/icons
Description: GrowingIO Design semantic vector icons
Author: GrowingIO Frontend Team
Latest version: 23.11.0

English | [简体中文](README.md)

# GrowingIO Design Icons

GrowingIO Design semantic vector icons.

## Install

Before use icons, you need to install `@gio-design/icons` package:

```bash
$ npm install --save @gio-design/icons
```

or using with `yarn`:

```bash
$ yarn add @gio-design/icons
```

## Usage

```javascript
import React, { ReactDOM } from 'react';
import { GearOutlined } from '@gio-design/icons';

ReactDOM.render(
  <>
    <GearOutlined />
  </>,
  mountNode
);
```

## Contributing

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

- [简体中文](./CONTRIBUTING.zh-CN.md)

## Stats

![Alt](https://repobeats.axiom.co/api/embed/3310c28ae87d7da6bc70eec315b9cb13f428e668.svg "Repobeats analytics image")
npm package: @gio-design/pro
Description: GrowingIO business components and utils
Author: GrowingIO Frontend Team
Latest version: 21.12.12

# GrowingIO Design Pro

GrowingIO business components and utils.

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](https://commitizen.github.io/cz-cli/)
[![codecov](https://codecov.io/gh/growingio/gio-design-pro/branch/master/graph/badge.svg?token=2D1FmEjIrP)](https://codecov.io/gh/growingio/gio-design-pro)
![NPM Downloads of Month](https://img.shields.io/npm/dm/@gio-design/pro)
![NPM Version](https://img.shields.io/npm/v/@gio-design/pro)
[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design-pro.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design-pro?ref=badge_shield)

## Usage

```bash
$ yarn storybook
```

## License

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design-pro.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design-pro?ref=badge_large)
npm package: @gio-design/s2-table
Description: Pivot table base on @antv/s2 
Author: GrowingIO Frontend Team
Latest version: 1.0.2

# GrowingIO Design Table

一套基于 [@antv/s2](https://s2.antv.vision/zh) 的透视表格 React 组件库

![Build](https://img.shields.io/github/checks-status/growingio/gio-design-table/master)
![Sonar](https://img.shields.io/sonar/coverage/gio-design-table?server=http%3A%2F%2Fsonarcloud.io)
![Quality Gate](https://img.shields.io/sonar/quality_gate/gio-design-table?server=https%3A%2F%2Fsonarcloud.io)
![Npm Version](https://img.shields.io/npm/v/@gio-design/table)
![Release](https://img.shields.io/github/release-date/growingio/gio-design-table)
![Score](https://img.shields.io/npms-io/final-score/@gio-design/table)

![License](https://img.shields.io/github/license/growingio/gio-design)

## ✨ Features

- Base on [S2](https://s2.antv.vision/zh)
- React.js
- Storybook
- Typescript
- @gio-design/components

## 📦 Installation

```bash | pure
npm install @gio-design/s2-table
```

## View in Website

```bash
yarn storybook
```

## License

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fgrowingio%2Fgio-design?ref=badge_large)

---

Powered by

<a href="https://gio-design-table.vercel.app/?path=/story/table-dashboard--dashboard" target="_blank">
  <img src="https://gio-design-table.vercel.app/favicon-32x32.png" alt="Vercel Inc." height=32 />
</a>
npm package: @gio-design/tokens
Description: Design tokens of GrowingIO Design System
Author: GrowingIO Frontend Team
Latest version: 22.0.0-alpha.0

# GrowingIO Design Tokens

Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.

## How it works

All of the style properties and assets are in this package. Make any changes to suit your needs.

To build package, run

```bash
$ cd gio-design-tokens
$ yarn build
```

The npm build task is what performs the style dictionary build steps to generate the files for each platform. Every time you change something in the style dictionary, like changing colors or adding properties, you will have to run this command again to generate the files.

To preview tokens, run

```bash
$ yarn storybook
```