Gojs Angular

screenshot of Gojs Angular
angular

A set of Angular components to manage GoJS Diagrams, Palettes, and Overviews

Overview

The gojs-angular package by Northwoods Software introduces a curated set of components designed specifically for integrating GoJS with Angular applications. This library is particularly advantageous for developers who prioritize immutability in their models, as it aims to streamline interactions with GoJS features such as diagrams, palettes, and overviews. By packaging these functionalities into reusable components, it enhances the development experience and reduces the complexity of managing state.

Version 2.0 of this package expects all @Input properties of its components to be immutable, which further aligns with modern web development practices. Utilizing this package can lead to smoother state management and a more organized codebase, especially for applications that require dynamic graphical representations.

Features

  • DiagramComponent: A dedicated component for rendering GoJS diagrams, allowing for seamless integration with Angular's reactive nature.
  • PaletteComponent: Enables the creation of reusable palettes for diagram elements, enhancing user interactivity and component reusability.
  • OverviewComponent: Offers a simplified view of the diagram, allowing users to navigate large datasets easily.
  • Immutability Support: Version 2.0 enforces immutability for all @Input properties, promoting better state management practices in Angular applications.
  • Initialization Functions: Developers can specify initDiagram, initPalette, and initOverview functions, offering flexibility in how diagrams and palettes are set up initially.
  • DataSyncService: A service that merges changes with the model data, providing synchronization features that maintain data integrity.
  • CSS Customization: Provides options to set custom CSS class names for styling, helping developers maintain consistent aesthetics with their application's design.
  • Installation with NPM: Easily installable via NPM, requiring only dependencies on GoJS and Angular, ensuring a straightforward setup process.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.