Skip to main content

Eclipse Sprotty

Eclipse Sprotty is a web-based diagramming framework (developer tooling / modeling) for building interactive, model-driven visualizations in browser applications.

  • Client-side framework for interactive diagrams rendered in the browser (web visualization)
  • Model-driven approach to define diagram elements, layouts, and behaviors (modeling)
  • Integration with Eclipse technologies and other modeling tools for web-based editors (developer tooling)
  • Extensible architecture with customizable views, actions, and layouts for domain-specific diagrams (framework)
  • Support for modern web application stacks, enabling embedding in custom Integrated Development Environments (IDEs) and tools (application integration)

More About Eclipse Sprotty

Eclipse Sprotty is a framework (developer tooling / modeling) for constructing browser-based diagram editors and viewers, designed for use in web applications and web-based development tools. It focuses on rendering and interacting with domain-specific diagrams, such as models, graphs, and structured visual notations, using a model-driven architecture. The framework targets scenarios where users need to visualize and manipulate structured data or models directly in the browser.

The project provides a client-side architecture (web visualization) that separates the underlying diagram model from its graphical representation. Developers define diagram elements, their properties, and relationships in a model, and Sprotty renders these as interactive SVG-based or HTML-based diagrams in the browser. This model-view separation supports implementation of custom behaviors such as selection, navigation, zooming, panning, and context-specific actions while keeping the rendering logic and domain logic decoupled.

Eclipse Sprotty is associated with the Eclipse modeling and tools ecosystem (developer tooling), and it is frequently used together with other Eclipse technologies to create web-based modeling tools and custom IDE-like environments. Its architecture supports communication with back-end services, so diagram content can be synchronized with remote models, language servers, or other server-side components, enabling model updates, validation, and refactoring workflows that are common in enterprise modeling and development contexts.

The framework includes extension points (framework extensibility) for defining custom diagram types, layouts, and interactions. Developers can register actions, commands, and views to implement behaviors such as incremental updates, animated transitions, or domain-specific gestures. Layout logic can be implemented or delegated to external layout algorithms, allowing diagrams to adapt to various graph structures or modeling notations without embedding layout rules directly into client code. This extensibility makes Sprotty suitable for building tailored diagramming solutions aligned with enterprise metamodels or domain-specific languages.

From an enterprise perspective, Eclipse Sprotty fits into categories such as web-based visualization, modeling tools, and IDEs (developer tooling). Organizations use it to embed diagrams into custom portals, modeling workbenches, and web IDEs where users need graphical views of architectures, workflows, or domain models. Its focus on browser rendering and integration with modern web technology stacks allows it to operate as a front-end component that can interoperate with existing back-end services, repositories, and modeling infrastructures hosted within enterprise environments.