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 2 months 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 (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-12T18:11:11.000Z (12 months ago)
• Last Synced: 2024-09-27T22:02:37.010Z (3 months 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: 65
• Watchers: 4
• Forks: 11
• 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()

```