streamlit-arborist

KO | EN

gitlite — search

#javascript #ai #typescript #go #android #machine-learning #linux #java #awesome #vue #security #pytorch #ios #openai

streamlit-arborist

(★ 9)

Streamlit component for creating tree views.

streamlit-arborist 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# streamlit-arborist

[![CI - Test, Build and Release](https://github.com/gabriel-msilva/streamlit-arborist/actions/workflows/test-build-release.yaml/badge.svg)](https://github.com/gabriel-msilva/streamlit-arborist/actions/workflows/test-build-release.yaml)
![PyPI - Version](https://img.shields.io/pypi/v/streamlit-arborist)
![PyPI - License](https://img.shields.io/pypi/l/streamlit-arborist)

_streamlit-arborist_ is a [Streamlit](https://streamlit.io) component based on
[react-arborist](https://github.com/brimdata/react-arborist) for visualizing
hierarchical data structures as interactive tree views.

- **Demo application**: [st-arborist-example.streamlit.app](https://st-arborist-example.streamlit.app/)
- **Documentation**: [streamlit-arborist.readthedocs.io](https://streamlit-arborist.readthedocs.io/)

![streamlit-arborist preview](https://raw.githubusercontent.com/gabriel-msilva/streamlit-arborist/main/docs/_static/preview.png)

## Installation

```sh
pip install streamlit-arborist
```

## Basic usage

A minimal `app.py` file with sample data:

```python
from streamlit_arborist import tree_view, tree_checkbox

data = [
   {
      "id": "1",
      "name": "Parent 1",
      "children": [
         {"id": "1.1", "name": "Child 1"},
         {"id": "1.2", "name": "Child 2"}
      ]
   },
   {
      "id": "2",
      "name": "Parent 2",
      "children": [
         {"id": "2.1", "name": "Child 3"},
         {"id": "2.2", "name": "Child 4"}
      ]
   }
]

tree_view(data)
tree_checkbox(data)
```

Run Streamlit:

```sh
streamlit run app.py
```

See the [Reference API](https://streamlit-arborist.readthedocs.io/stable/api.html)
for all available parameters.

## Development

This repository is based on
[streamlit/component-template](https://github.com/streamlit/component-template) template.
Find details about
[custom components](https://docs.streamlit.io/develop/concepts/custom-components)
in Streamlit documentation.

See `make help` for all development commands.

### Setup

The development environment requires
[uv](https://docs.astral.sh/uv/getting-started/installation/)
and [Node.js + npm](https://nodejs.org/en/download/current) installed.
See `make help` for all commands.

Install the `dev` Python environment defined in [pyproject.toml](./pyproject.toml)
and `npm` packages in [streamlit_arborist/frontend](./streamlit_arborist/frontend/):

```sh
make setup
```

### Running

While developing the frontend, you must set the environment variable `STREAMLIT_ARBORIST_DEV=true`.
(this is done in `make` commands)

1. Run the [app/example.py](./app/example.py) app file with Streamlit:

```sh
   make backend
   ```

2. Start the component's frontend server:

```sh
   make frontend
   ```

Open the app running at <http://localhost:8501>.

### Build

Build the React frontend at `streamlit_arborist/frontend/build/` directory and the Python
package wheels at `dist/`.

```sh
make build
```

### Documentation

The documentation files are located in [docs/](./docs/) directory and written with
[Sphinx](https://www.sphinx-doc.org/en/).

```sh
make -C docs build
```

streamlit-arborist

streamlit-arborist 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

streamlit-arborist

streamlit-arborist 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README