# sprotty

> A next-gen framework for graphical views

Latest version **1.4.0** (published 2024-12-17) · (EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0) license · 0 weekly downloads

## Install

```sh
npm install sprotty
pnpm add sprotty
yarn add sprotty
bun add sprotty
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: has types; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads; no esm support.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 1.4.0 |
| Published | 2024-12-17 |
| First published | 2017-06-08 |
| Weekly downloads | 0 |
| License | (EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0) |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 2.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 882 |
| Author | Eclipse Sprotty |
| Maintainers | tortmayr, spoenemann, eclipse-sprotty-bot, dennis.huebner |
| Keywords | eclipse, graphics, diagram, modeling, visualization, svg |

## Links

- npm: https://www.npmjs.com/package/sprotty
- Repository: https://github.com/eclipse-sprotty/sprotty
- Issues: https://github.com/eclipse-sprotty/sprotty/issues
- npm.io page: https://npm.io/package/sprotty

## Dependencies (6)

- [snabbdom](https://npm.io/package/snabbdom.md) ~3.5.1
- [inversify](https://npm.io/package/inversify.md) ^6.1.3
- [tinyqueue](https://npm.io/package/tinyqueue.md) ^2.0.3
- [file-saver](https://npm.io/package/file-saver.md) ^2.0.5
- [autocompleter](https://npm.io/package/autocompleter.md) ^9.1.2
- [sprotty-protocol](https://npm.io/package/sprotty-protocol.md) ^1.4.0

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 1.4.0 (latest) — 2024-12-17
- 1.3.0-next.9aa2083.6 (next) — 2024-06-19
- 1.3.0 — 2024-07-23
- 1.2.1 — 2024-06-04
- 1.1.2 — 2024-06-04
- 1.3.0-next.8eb479f.3 — 2024-06-04
- 1.2.0 — 2024-04-09
- 1.1.1 — 2024-02-16
- 1.1.0 — 2024-01-03
- 0.15.0-next.4b4da39.27 — 2023-12-08
- 0.15.0-next.446c62d.26 — 2023-12-06
- 0.15.0-next.781c032.25 — 2023-11-21
- 0.15.0-next.e38e5d4.24 — 2023-11-20
- 0.15.0-next.28dc7b8.23 — 2023-11-15
- 0.15.0-next.8dba94d.20 — 2023-11-09
- … 223 more at https://npm.io/package/sprotty/versions

## README

# Sprotty

This is the client part of _Sprotty_, a next-generation, open-source diagramming framework built with web technologies.

<img src="https://raw.githubusercontent.com/wiki/eclipse/sprotty/images/screenshot0.png" width="23%" align="left">
<img src="https://raw.githubusercontent.com/wiki/eclipse/sprotty/images/screenshot1.png" width="23%" align="left">
<img src="https://raw.githubusercontent.com/wiki/eclipse/sprotty/images/screenshot2.png" width="23%" align="left">
<img src="https://raw.githubusercontent.com/wiki/eclipse/sprotty/images/screenshot3.png" width="23%">


Some selected features:

* Fast, scalable SVG rendering that is compatible with all modern browsers and stylable with CSS
* Animations built into the core
* Support for a distributed runtime with client and server
* Fast, reactive client architecture implemented in TypeScript
* Java or Node.js based server architecture
* Configuration via dependency injection
* Integrations with Xtext, Langium, the Language Server Protocol, VS Code and Theia
* Can be run as rich-client as well as in the browser

## Docs

For further information please consult the [documentation on the website](https://sprotty.org/docs/).

The version history is documented in the [CHANGELOG](https://github.com/eclipse-sprotty/sprotty/blob/master/packages/sprotty/CHANGELOG.md).

## References

- [Example: view filtering](https://github.com/TypeFox/sprotty-view-filtering) &ndash; using filtering to efficiently navigate a large dataset of publications and citations
- [Example: nested graphs](https://github.com/TypeFox/sprotty-nested-demo) &ndash; expanding nested subgraphs in-place to efficiently navigate a large project with TypeScript modules
- [Yangster](https://github.com/TypeFox/yang-vscode) &ndash; a VS Code extension for the YANG language

---
_Source: https://npm.io/package/sprotty · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._