Notícias sobre JavaScript / HTML5

Melhore a interatividade com controles de gráfico responsivos

Março 24, 2025
Crie visualizações de dados responsivas que se adaptam a qualquer dispositivo, com ótima legibilidade, interação suave e apresentação consistente.

Responsive charts are dynamic data visualizations that automatically adjust to different screen sizes, resolutions, and devices, ensuring a seamless user experience across desktops, tablets, and mobile phones. By adapting elements such as labels, tooltips, legends, and axes, they enhance readability, improve accessibility, and maintain consistent data presentation. These charts optimize performance by efficiently rendering content and supporting interactive features like zooming, panning, and touch gestures. Developers use responsive charts in a wide range of applications, including financial reports, business intelligence dashboards, real-time monitoring systems, and interactive analytics tools, providing users with clear and accessible insights regardless of their device.

Several React charts offer responsive chart support, including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you build fully responsive, interactive charts with adaptive rendering for any device.
  • Highcharts Core by Highsoft provides feature-rich, responsive charts with real-time updates, advanced interactivity, and extensive customization for data-driven applications.
  • KendoReact Chart (part of KendoReact by Telerik) enables responsive, high-performance visualizations with adaptive layouts and built-in accessibility for modern web apps.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) facilitates responsive, touch-friendly charts with high-speed rendering, rich interactivity, and flexible styling.

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

Compare React Chart Controls

Monte e mantenha organogramas com a assistência da IA

Março 24, 2025
O OrgChart JS v8.15 adiciona a funcionalidade da IA, fornecendo inteligência artificial para auxiliar os usuários no design e gerenciamento de organogramas.

OrgChart JS by BALKAN App is a JavaScript library designed for creating flexible, interactive and customizable organizational charts for presenting structural data. This visual tool helps managers illustrate the roles and hierarchy of an organization, supporting a variety of features, including grouping, assistant nodes, expand/collapse, a built-in search field, and multi-format exports for example to PDF, PNG, SVG or CSV. Compatible with all modern browsers, it supports thousands of nodes without any impact on performance, and offers extensive customization, giving users a versatile and efficient tool for visualizing hierarchical data structures in web applications.

The OrgChart JS v8.15 update introduces AI capabilities that enhance the creation and management of organizational charts. Developers can now utilize natural language commands to manipulate chart data, such as adding or moving employees, adjusting salaries and customizing visual elements. The integration of artificial intelligence improves the process of maintaining accurate and efficient organizational charts within applications.

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

OrgChart JS is licensed based on usage, offering single website, unlimited websites or SaaS, and OEM licenses. It is available as a perpetual license with 1 year maintenance and technical support. See our OrgChart JS licensing page for full details.

For more information, see our OrgChart JS product page.

Acelere o desenvolvimento com ferramentas de IU aprimoradas

Março 21, 2025
O KendoReact v9.4.0 (2025 Q1) adiciona 12 novos blocos de construção, incluindo um novo modelo de painel de monitoramento de uso de IA para o design de aplicativos modernos.

KendoReact by Telerik is a comprehensive library of UI components specifically designed for building modern, feature-rich React applications, enabling developers to create intuitive, responsive, and visually appealing interfaces with ease. It includes robust components like data grids, charts, form elements, and navigation tools, optimized for high performance with features such as virtualization for large datasets and adherence to accessibility standards. Ideal for dashboards, enterprise apps, and data-driven applications, KendoReact empowers teams to accelerate development, ensure design consistency, and deliver inclusive user experiences.

The KendoReact v9.4.0 update enhances UI development efficiency by introducing 12 new Building Blocks, including Dashboard Cards, an AI App Welcome Screen, an AI-powered Editor, and an AI Usage Monitoring Dashboard Template. These pre-configured components, seamlessly integrated with KendoReact, enable developers to accelerate application design, maintain consistency, and reduce implementation effort. By leveraging these ready-to-use elements, teams can focus on building functionality rather than UI assembly, ensuring faster delivery of modern, AI-driven applications with a polished user experience.

To see a full list of what’s new in 2025 Q1 (v9.4.0), see our release notes.

KendoReact is licensed per developer and has two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our KendoReact licensing page for full details.

KendoReact is available individually or as part of the following products:

Simplifique a coleta de dados com um construtor de formulários JSON

Março 21, 2025
O SurveyJS Survey Creator permite que você crie formulários dinâmicos diretamente em seu aplicativo JavaScript e mantenha controle total sobre os dados do usuário.

SurveyJS is a family of extensible JavaScript libraries designed to help developers build robust form management systems fully integrated into their web applications. These libraries work seamlessly with any backend system and are fully compatible with modern JavaScript frameworks, including React, Angular, and Vue 3.

SurveyJS Survey Creator is a powerful form-building UI component featuring an intuitive drag-and-drop interface that makes form creation accessible to all users. Its UI is fully customizable - from appearance and functionality to the UI language - allowing it to seamlessly blend into your application. Behind the scenes, SurveyJS leverages a JSON-based schema to define forms and surveys, making it easy to store, share, and dynamically render form structures across different environments.

Users can enjoy an intuitive survey-building experience with extensive UI customization options, available through a dedicated UI settings panel. Introduced in version 2.0 the settings panel includes three new predefined UI themes - Light, Dark, and Contrast (with WCAG 2.2-compliant colors). These themes can be used as-is or further customized with options for UI and font scale size, accent colors, and background colors. Along with other enhancements these UI options create a more flexible environment where each user can personalize the form builder UI to align perfectly with their personal preferences.

SurveyJS Survey Creator is licensed per developer with a one-time payment for indefinite use. Access to updates and technical support is available through a subscription. See our SurveyJS Survey Creator licensing page for full details.

Learn more on our SurveyJS Survey Creator product page.

Vincule planilhas Vue.js a fontes de dados externas

Março 19, 2025
A vinculação de dados permite conectar planilhas em aplicativos Web a bancos de dados, APIs e outras fontes, mantendo seus dados sincronizados e atualizados.

Data binding in a spreadsheet is the process of linking spreadsheet cells to external data sources, such as databases, APIs (Application Programming Interfaces), or other structured datasets, ensuring that the spreadsheet dynamically updates when the source data changes. This enables real-time synchronization, reducing manual data entry and minimizing errors. By automating data retrieval and updates, data binding enhances accuracy, supports complex calculations with live data, and improves efficiency, making it particularly useful for reporting, financial analysis, and business intelligence tasks. It also facilitates better collaboration by ensuring that all users work with the most current information, improving decision-making and overall productivity.

Several Vue.js spreadsheet components offer data binding functionality, including:

  • SpreadJS by MESCIUS is a complete spreadsheet solution which supports Vue.js and can equip web applications with dynamic data binding capabilities for real-time updates.
  • Jspreadsheet Pro offers developers a Vue compatible data grid with intuitive spreadsheet-like controls, including the ability to connect spreadsheets to external data sources.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) facilitates binding spreadsheet data for modern web frameworks such as Vue.

For an in-depth analysis of features and price, visit our Vue.js spreadsheet controls comparison.

Compare Vue.js Spreadsheet Controls