Noticias sobre JavaScript / HTML5

Agregue una interfaz de usuario táctil a sus aplicaciones Angular

Febrero 15, 2024
Los editores de datos con soporte táctil ofrecen una forma intuitiva para que los usuarios interactúen con datos y los manipulen, lo que mejora la eficiencia y la accesibilidad.

Continuar leyendo en inglés:

Touch support in a data editor refers to the capability of the software to recognize and respond to touch-based interactions on touchscreen devices. This feature enables users to manipulate and navigate data using gestures such as tapping, swiping, and pinching. Incorporating touch support into data editors enhances the user experience by providing a more intuitive and interactive interface on phones, tablets, and touchscreen monitors.

Many Angular Data Editor collections contain touch support including:

  • DevExtreme Complete Data Editors (part of DevExtreme by DevExpress) empowers developers with responsive and touch-enabled data editors for seamless interaction and an enhanced user experience.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) delivers sophisticated touch-enabled data editors, ensuring intuitive and efficient user interactions with seamless touch support for diverse applications.
  • Smart HTML Elements Data Editors offers advanced data editors with touch support, facilitating a smooth and responsive user experience across various web applications.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) provides JavaScript data editors with comprehensive touch support, ensuring a seamless and user-friendly interface for web applications.

For an in-depth analysis of features and price, visit our comparison of Angular Data Editors.

Compare Angular Data Editors

Cree interfaces visualmente atractivas a partir de datos de cuadrícula

Febrero 13, 2024
Smart HTML Elements v18 agrega un nuevo diseño de vista de tarjeta de cuadrícula que ofrece una interfaz fácil de usar para exploración y edición de datos.

Continuar leyendo en inglés:

Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart HTML Elements v18.0.0 release adds a new grid card view layout that leverages CSS grid to offer an adaptive container for presenting information in a visually appealing card format. Cards can be dynamically populated with text, images, and other multimedia elements, allowing for customization and adaptation to diverse content types. The responsive layout automatically adjusts to various screen sizes and device orientations, ensuring optimal card arrangement and user experience across platforms.

To see a full list of what's new in v18.0.0, see our release notes.

Smart HTML Elements is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. It includes distribution to Unlimited Web applications, SaaS projects, Intranets and Websites. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.

Importe/exporte fácilmente diagramas BPMN a XML

Febrero 13, 2024
JointJS+ v4.0 le permite importar y exportar diagramas Business Process Model and Notation a XML para facilitar el uso compartido y el intercambio.

Continuar leyendo en inglés:

JointJS+ is a diagramming library that offers advanced features like custom shapes, data binding, and advanced layout algorithms, enabling you to create complex, interactive, and visually appealing diagrams. It includes a ready-to-use demo application that showcases its functionality and serves as a starting point for your own diagramming projects.

The JointJS+ 4.0 release introduces a significant advancement in business process management: seamless Business Process Modelling Notation XML import and export. This innovative feature empowers users to effortlessly translate BPMN diagrams into the BPMN XML format and vice versa, fostering interoperability across diverse tools and platforms, including editors and automation engines. JointJS+ 4.0 empowers process analysts, developers, and stakeholders alike to contribute and leverage BPMN diagrams with ease, paving the way for smoother and more efficient process management across the entire organization.

To see a full list of what's new in v4.0, see our release notes.

JointJS+ is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our JointJS+ licensing page for full details.

Learn more on our JointJS+ product page.

Cree una aplicación de cuadrícula de React con componentes funcionales

Febrero 13, 2024
Aproveche la interfaz de usuario dinámica de React y las capacidades de conectividad y visualización de Wijmo para obtener datos de SWAPI y mostrarlos en una FlexGrid.

Continuar leyendo en inglés:

Wijmo by MESCIUS is a comprehensive suite of JavaScript UI components and data grids designed for building modern, performant enterprise applications. It offers a rich library of customizable elements like charts, gauges, calendars, and grids, compatible with popular frameworks like Angular, React, and Vue. Wijmo boasts efficient data handling, accessibility features, and regular updates, making it a popular choice for developers seeking to enhance their web app's interactivity and visual appeal. Wijmo's FlexGrid component provides a JavaScript UI datagrid which includes built-in sorting, formatting, pagination, and flexible data binding.

In this blog post, MESCIUS Technical Engagement Engineer Andrew Peterson takes you through the process for building a React application to fetch and display data using the WijmoGrid Component. Steps include:

  • Setting up your React App
  • Installing Wijmo and Axios
  • Creating the WijmoGrid Component
  • Fetching Data from SWAPI
  • Adding additional features, such as pagination

Read the full blog post and get started creating immersive and visually appealing React applications.

Simplifique la visualización de conjuntos de datos complejos

Febrero 9, 2024
Los controles de gráficos de React con agregación de datos incorporada transforman los datos sin procesar en información útil y narrativas fáciles de entender.

Continuar leyendo en inglés:

Data aggregation functionality in charts refers to the process of combining and summarizing raw data to provide a more concise and understandable representation. This technique involves collecting and grouping data points based on specific criteria, such as time intervals, categories, or geographic regions, and then calculating summary statistics, such as averages, totals, or percentages. The aggregated data is then used to create charts and graphs that offer a comprehensive overview of trends, patterns, or comparisons within the dataset. This approach helps in simplifying complex datasets and makes them more accessible for analysis, allowing decision-makers to derive meaningful insights and draw informed conclusions from the visual representation of aggregated information.

Several React chart controls support data aggregation including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you aggregate stock data on-the-fly, enabling dynamic insights within interactive charts for web and mobile.
  • KendoReact Chart (part of KendoReact by Telerik) allows you to create charts featuring data aggregation, streamlining the visualization of intricate datasets for enhanced analysis.
  • Highcharts Stock by Highsoft provides customizable data aggregation for insightful financial charts, unlocking hidden trends and patterns in your web app.
  • amCharts 5: Stock Chart lets you generate charts that incorporate advanced data aggregation, optimizing data visualization for informed decision-making.

For an in-depth analysis of features and price, visit our React Chart Controls comparison.

Compare React Chart Controls