https://github.com/kamicollo/idendrogram-streamlit

Bi-directional D3 component to visualize dendrograms in Streamlit
https://github.com/kamicollo/idendrogram-streamlit

streamlit-component

Last synced: 11 months ago
JSON representation

Bi-directional D3 component to visualize dendrograms in Streamlit

• Host: GitHub
• URL: https://github.com/kamicollo/idendrogram-streamlit
• Owner: kamicollo
• License: mit
• Created: 2023-07-08T23:49:25.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-24T02:38:07.000Z (over 2 years ago)
• Last Synced: 2025-06-15T12:19:08.416Z (12 months ago)
• Topics: streamlit-component
• Language: TypeScript
• Homepage: https://kamicollo.github.io/idendrogram/
• Size: 235 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# idendrogram-streamlit-component

A D3-powered bi-directional Streamlit component for idendrogram library that visualizes dendrograms created by hierarchical clustering algorithms (SciPy, scikit-learn and hdbscan compatible).

Demo available at https://idendrogram.streamlit.app/. 

Docs @ https://kamicollo.github.io/idendrogram/

## Customizing the component

If you would like to go beyond customization supported by this component out of the box (e.g. do some **_really fancy_** tooltips), you'll need:

* To be familiar with [bi-directional Streamlit component development](https://docs.streamlit.io/library/components/components-api#create-a-bi-directional-component)

* Clone this repo

* Make adjustments! The D3 component is written in a single file (`index.tsx`), and the tooltip creation is part of `draw_nodes()` function. 

* Run the npm server locally with `npm run start`

* In your Streamlit app, [use the `StreamlitConverter(release=False)`](https://kamicollo.github.io/idendrogram/streamlit/#customizing-streamlit-dendrograms) to get idendrogram to look for the local NPM server.