Render Ant Design Charts in Streamlit
Project description
<h1 align="center">
<b>Streamlit Charts</b>
</h1>
<div align="center">
[Ant Design Charts](https://ant-design-charts.antgroup.com/) is AntV React component library, Simple and easy to use React chart library.
This project was created to allow us to render [Ant Design Charts](https://github.com/ant-design/ant-design-charts) charts in streamlit.
![examples](https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*11uNQrnKdFoAAAAAAAAAAAAADmJ7AQ/original)
![Build Status](https://github.com/ant-design/ant-design-charts/workflows/build/badge.svg)
![npm Version](https://img.shields.io/npm/v/@ant-design/charts)
![npm Download](https://img.shields.io/npm/dm/@ant-design/charts)
[![GitHub stars](https://img.shields.io/github/stars/ant-design/ant-design-charts)](https://github.com/ant-design/ant-design-charts/stargazers)
[![npm License](https://img.shields.io/npm/l/@ant-design/charts.svg)](https://www.npmjs.com/package/@ant-design/charts)
</div>
## Installation
```
pip install streamlit-charts
```
## Usage
```py
import streamlit as st
from streamlit_charts import charts
options = {
"height": 400,
"data": [
{ "genre": "Sports", "sold": 275 },
{ "genre": "Strategy", "sold": 115 },
{ "genre": "Action", "sold": 120 },
{ "genre": "Shooter", "sold": 350 },
{ "genre": "Other", "sold": 150 },
],
"xField": 'genre',
"yField": 'sold',
"colorField": "genre",
"style": {
"radiusTopLeft": 10,
"radiusTopRight": 10,
},
}
charts(options=options, type="Column", key="streamlit-charts")
```
<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*aPxqSpQcsUQAAAAAAAAAAAAADmJ7AQ/original" width="640" alt="example">
## API
Now, There is only one API for `streamlit-charts`, named `charts`, see the `options` in [Ant Design Charts](https://ant-design-charts.antgroup.com/).
| Property | Description | Type | Default |
| -------- | --------------------------------------------------------------------------------------------------------------- | --------------------- | ------- |
| options | the [options](https://ant-design-charts.antgroup.com/) for the visualization | `Options` \| `null` | - |
| type | the chart type of the charts | `Str` | `Column` |
## Development
- Building frontend code by running `npm run start` in fold `streamlit_charts/frontend`.
- Run the example by running `streamlit run streamlit_charts/__init__.py` with `_RELEASE = False`.
## License
MIT@[lxfu1](https://github.com/lxfu1).
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
streamlit-charts-0.1.0.tar.gz
(1.7 MB
view hashes)
Built Distribution
Close
Hashes for streamlit_charts-0.1.0-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 09305fdf638966af4a824f3f7544ebaeac6930f83b4a8a33d57ec9cebbf8e475 |
|
MD5 | 01bad7e80d9b4df461408374e0e16ee7 |
|
BLAKE2b-256 | 80aef89631ccfe5d54bfe1fed14e29768655be55e1f9dcdfeea416be9c8d9e8d |