https://github.com/snehankekre/streamlit-d3graph
A simple component to display d3graph network graphs in Streamlit apps.
https://github.com/snehankekre/streamlit-d3graph
d3graph d3js d3js-graph graph network python streamlit streamlit-component
Last synced: about 1 year ago
JSON representation
A simple component to display d3graph network graphs in Streamlit apps.
- Host: GitHub
- URL: https://github.com/snehankekre/streamlit-d3graph
- Owner: snehankekre
- License: mit
- Created: 2022-03-23T09:50:27.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-01-12T18:11:11.000Z (over 2 years ago)
- Last Synced: 2025-04-07T01:52:22.492Z (about 1 year ago)
- Topics: d3graph, d3js, d3js-graph, graph, network, python, streamlit, streamlit-component
- Language: Python
- Homepage: https://pypi.org/project/streamlit-d3graph/
- Size: 88.9 KB
- Stars: 77
- Watchers: 3
- Forks: 13
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# streamlit-d3graph
**A simple component to display [d3graph](https://github.com/erdogant/d3graph) network graphs in Streamlit apps.**
This component is powered by [d3graph](https://github.com/erdogant/d3graph), a Python package that simplifies the task of creating interactive and stand-alone networks in d3 JavaScript using Python.
---
🕸️ Live demo 🕸️
---
## Installation
```bash
pip install streamlit-d3graph
```
## Usage
```python
import streamlit as st
from streamlit_d3graph import d3graph
# Initialize
d3 = d3graph()
# Load karate example
adjmat, df = d3.import_example('karate')
label = df['label'].values
node_size = df['degree'].values
d3.graph(adjmat)
d3.set_node_properties(color=df['label'].values)
d3.show()
d3.set_node_properties(label=label, color=label, cmap='Set1')
d3.show()
```