DevExtreme Angular Diagram

Diagram Tools

Usa herramientas integradas para gestionar el diseño, la disposición de las formas, los niveles de zoom, las acciones del historial y otras funcionalidades del diagrama con opciones fáciles de configurar.

Shape Templates

Crea plantillas SVG personalizadas para las formas y controla su apariencia y comportamiento, facilitando representaciones de diagramas personalizadas alineadas con las necesidades de tu aplicación.

Drag and Drop Interface

Facilita una interacción intuitiva del usuario con capacidades de arrastrar y soltar para crear y conectar formas, con soporte de líneas auxiliares y funciones de ajuste para mayor precisión.

Data Binding

El componente admite el enlace de diagramas a diversas fuentes de datos, incluidas matrices lineales con claves y claves de elemento principal definidas, lo que permite el renderizado automático de nodos y relaciones.

Templates

Personaliza las formas de la caja de herramientas con plantillas para definir cómo aparecen las formas en la caja de herramientas, mejorando la experiencia del usuario al presentar opciones de formas adaptadas.

UI Tools Customization

Configura componentes interactivos como menús contextuales, paneles de propiedades, cajas de herramientas y barras de herramientas para personalizar la experiencia de edición del diagrama.

Export and Import

Carga y guarda diagramas en formato JSON, y exporta elementos visuales a formatos de imagen como SVG, PNG y JPEG para su integración o documentación.

Responsive Design and Accessibility

Diseñado para dar soporte a dispositivos de escritorio y móviles con compatibilidad táctil y funciones de accesibilidad que cumplen con los estándares para una amplia disponibilidad de usuarios.