---
source: https://www.jointjs.com/demos/diagram-generation-from-external-data
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/diagram-generation-from-external-data/README.md
generated: 2026-04-10
format: markdown
---

# JointJS+: Diagram Generation from External Data (NHL Score) <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

Learn how to create impressive diagrams from REST API data, demonstrated on NHL match data! See how to use curved links with tree layouts and how to seamlessly add images to existing shapes. Explore the demo to see a visual representation of external data in action using JointJS+.

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

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)