Basic Primitives Diagram
Organigramme HTML/JavaScript.
Publié par Basic Primitives
Distribué par ComponentSource depuis 2014
Prix à partir de : $ 429.24 Version : v6.x Mise à jour : Feb 22, 2022
Organigramme HTML/JavaScript.
Basic Primitives Diagram is a 100% JavaScript component library for building general purpose and organizational diagrams without manual nodes layout. It works in all major browsers, Chrome, Edge, Firefox, Safari and mobile browsers. Supports graphics rendering in VML and SVG modes depending on the browser. Basic Primitives is ideal for dependencies visualization and analysis that implements organizational chart, multi-parent hierarchical charts, family chart, inheritance, dependency trees, and business ownership diagrams and PERT charts. It provides a rich feature set for automatic layout customization and visual node annotation. Through a full API you can add, remove and modify individual items and change many other properties at any time after chart creation. Widget update time is as fast as its navigation.
Supported Diagrams
Pure JavaScript
PDF support
Open
One of the key features of Basic Primitives Diagram that under the license, you are allowed to download the source code and make your own edits. This allows personal modifications and a great flexibility. The comprehensive set of samples, demos and unit tests guarantees quality of the library's source code.
Facilitates visual data analytics of hierarchical and topological dependencies
Business Intelligence systems and applications are designed for two major areas: Reporting and Analytics. Reporting applications are meant to be a legal statements, so reported data should be 100% complete, it should not have any discrepancy in form of omitted data, improperly rounded values or excessive abbreviations. On the other side, applications designed for data analytics should show only the most valuable and related data to current user focus and gracefully degrade details for less relevant data. So control provide API options for visual data analysis of diagrams:
Auto layout
The main problem of diagrams drawn in graphics editor is in sparse distribution of items on layout. Large gaps between nodes make chart hard to overview, edit and navigate. Sometimes the chart is so big that it could have screen size intervals between items. This issue makes the whole idea of visualizing diagrams useless. At the same time computer UI allows to scale and fit visualization into screen, but in that case items become small and unreadable. The primary goal of our approach to Organizational chart and other diagrams visualization is to resolve these issues and make good use of them at the same time. The widget finds the best way to display a large hierarchy within available screen space without scrolling or with minimal scrolling not affecting usability.
Annotations
Every time we make changes to diagram we need to visualize performed modification otherwise it is hard to trace changes before and after modification. So in order to visualize diagram transition from one state to another control provides annotations. Annotations are API elements attached to diagram nodes and are drawn in front or in the background of them. Annotations don't change nodes placement, so controls redraw them instantaneously without diagram layout. The general logic of annotations is that they are not supposed to be displayed for every node in diagram, application is supposed to create them and add to diagram in the context of current user cursor or operation, user perform with data. Annotations compared to diagram layout itself have minimal conflict resolution abilities. So it is very easy to clutter diagram with excessive number of annotations. But they come very handy when we need to add context specific visuals.
Provides simple API for the most common use cases
Flexible API for more complex use cases
Compatible
Dynamic