https://github.com/timkpaine/ipydagred3

ipywidgets library for drawing directed acyclic graphs in jupyterlab using dagre-d3
https://github.com/timkpaine/ipydagred3

d3 dagre dagre-d3 graph graphviz ipywidget ipywidgets jupyter jupyterlab jupyterlab-extension python

Last synced: 1 day ago
JSON representation

ipywidgets library for drawing directed acyclic graphs in jupyterlab using dagre-d3

• Host: GitHub
• URL: https://github.com/timkpaine/ipydagred3
• Owner: timkpaine
• License: apache-2.0
• Created: 2020-02-29T23:01:15.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-08-30T19:59:30.000Z (3 months ago)
• Last Synced: 2024-10-17T22:10:51.231Z (about 2 months ago)
• Topics: d3, dagre, dagre-d3, graph, graphviz, ipywidget, ipywidgets, jupyter, jupyterlab, jupyterlab-extension, python
• Language: Python
• Homepage:
• Size: 3.69 MB
• Stars: 77
• Watchers: 5
• Forks: 7
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-jupyter-resources - GitHub - 15% open · ⏱️ 21.07.2022): (交互式小部件和可视化)
• best-of-jupyter - GitHub - 20% open · ⏱️ 18.11.2024): (Interactive Widgets & Visualization)
• awesome-jupyter - ipydagred3 - [ipywidgets](https://github.com/jupyter-widgets/ipywidgets) library for drawing directed acyclic graphs in jupyterlab using dagre-d3. <!--lint enable double-link--> (Visualization)

README

        

# ipydagred3

ipywidgets library for drawing directed acyclic graphs in jupyterlab using [dagre-d3](https://github.com/tbo47/dagre-es)

[![Build Status](https://github.com/timkpaine/ipydagred3/workflows/Build%20Status/badge.svg?branch=main)](https://github.com/timkpaine/ipydagred3/actions?query=workflow%3A%22Build+Status%22)

[![codecov](https://codecov.io/gh/timkpaine/ipydagred3/branch/main/graph/badge.svg?token=3N6NOPL4RE)](https://codecov.io/gh/timkpaine/ipydagred3)

[![PyPI](https://img.shields.io/pypi/l/ipydagred3.svg)](https://pypi.python.org/pypi/ipydagred3)

[![PyPI](https://img.shields.io/pypi/v/ipydagred3.svg)](https://pypi.python.org/pypi/ipydagred3)

[![npm](https://img.shields.io/npm/v/ipydagred3.svg)](https://www.npmjs.com/package/ipydagred3)

[![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gh/timkpaine/ipydagred3/main?urlpath=lab)

![](https://raw.githubusercontent.com/timkpaine/ipydagred3/main/docs/img/example.gif)

## Installation

You can install using `pip`:

```bash

pip install ipydagred3

```

## Features

- Dynamically create and modify graphs from python

- Change color, shape, tooltip, etc

- Click events (click on node or edge and get event in ipywidget indicating source, good for node inspector tools)

### Tooltips and Click events

![](https://raw.githubusercontent.com/timkpaine/ipydagred3/main/docs/img/example2.gif)

## Examples

Network example from the first gif

[Network Example](https://github.com/timkpaine/ipydagred3/tree/main/docs/examples/example.ipynb)

Tooltip Example from the second gif

[Tooltip Example](https://github.com/timkpaine/ipydagred3/tree/main/docs/examples/tooltip.ipynb)