Streamlit Cosmograph

Streamlit wrapper of Cosmographv2.0.

An Efficient Graph Visualiation Tool Integrated with Streamlit for Large Scale(10⁵~10⁶) Data

Introduction

With Streamlit-Cosmograph, you can easily visualize your graogh data with a graph using Streamlit. It means you can visualize your graogh data into web apps without the need to worry about the front-end code. Also, this repo provides a Example APP incuding functionalities like:

• Changing the basic configs.

• Support upload file.

• Custom Layout.

Quick Install

pip install streamlit-cosmograph

Example App

Check out the LIVE Example App!!

Basic Usage

from streamlit_cosmograph import cosmo_graph
from streamlit_cosmograph.node import Node
from streamlit_cosmograph.link import Link


nodes = [Node(id=i, label=f"Node {i}") for i in range(1, 1001)]
links = [Link(source=i, target=i+1) for i in range(1, 1000)]
configs = {"linkWidth":1, "linkColor":"#696969", "pointSize": 3, "simulation":False}
return_value = cosmo_graph(nodes, links, configs, key="test")

And you will find the graph below:

Development and Run Locally

Install

git clone https://github.com/Wollents/streamlit-cosmograph.git

• JS side

cd streamlit_cosmograph/frontend/

npm install

• Python side

cd streamlit_cosmograph/
python setup.py develop

Run Locally

• JS side

cd streamlit_cosmograph/frontend/

npm start

--Python side

cd streamlit_cosmograph/
streamlit run app.py

And you will find the Web UI below: