---
source: https://www.jointjs.com/demos/parametric-diagram
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/parametric-diagram/README.md
generated: 2026-10-06
format: markdown
---

# JointJS+: SysML Parametric Diagram <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

SysML is a modeling language for systems engineering, expanding upon UML with additional diagrams. Parametric diagrams (PAR) within SysML focus on modeling relationships between system element parameters, like speed or cost. They enable sensitivity, trade-off, and optimization analyses, aiding informed decisions in system design and performance evaluation.

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

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)