---
source: https://www.jointjs.com/demos/activity-diagram
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/activity-diagram/README.md
generated: 2026-04-05
format: markdown
---

# JointJS: Activity Diagram

Have you ever wondered how a bill becomes law in the US? Our activity diagram, a visual representation of workflows of actions, explains this complex process, leveraging some of the JointJS diagramming features like collapsible swimlanes, conditional highlighters or automatic link reconnect.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/activity-diagram).

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)