JavaScript / HTML5 뉴스

인터랙티브 Gantt 타임라인으로 프로젝트를 시각화하세요

11월 18, 2025
amCharts 5: Gantt는 일정, 의존성, 진행 상황, 팀 간 자원 배분을 명확하게 보여주는 맞춤형 프로젝트 타임라인을 제공합니다.

amCharts 5: Gantt is a dedicated JavaScript and TypeScript component for building rich, interactive Gantt charts directly in web applications and dashboards. It is built on the modern amCharts 5 engine and provides everything developers need to visualize project schedules, timelines, and task dependencies using responsive, fast rendering HTML5 graphics. The component supports hierarchical task structures, category grouping, and flexible time scales, which makes it suitable for representing complex projects in a clear, compact, and professional format. With a robust API and straightforward integration in common front end stacks, amCharts 5: Gantt fits naturally into modern web architectures.

amCharts 5: Gantt offers a wide range of capabilities that help teams understand and manage work more effectively, including visual progress indicators, task linking with dependencies, support for milestones and events, and interactive markers for important dates. Charts can be configured as read only monitoring views or as fully interactive planning surfaces where users can drag tasks, adjust timings, update completion, and explore details through tooltips and selection. These strengths make the product an excellent choice for project management systems, resource and workload dashboards, product roadmaps, and visualization tools, wherever organizations need a clear and engaging way to communicate what is happening, what comes next, and how work is progressing.

amCharts 5: Gantt is licensed per developer on an annual or perpetual basis, with options for websites, SaaS and OEM distribution. See our amCharts 5: Gantt licensing page for full details.

For more information, visit our amCharts 5: Gantt product page.

내장된 테이블 구조로 데이터 입력을 개선하세요

11월 17, 2025
Optimajet FormEngine v7.3.0은 양식 내에서 구조화된 다중 행 데이터를 직접 입력할 수 있는 새로운 테이블 컴포넌트가 추가되었습니다.

Optimajet FormEngine is a drag-and-drop React form builder that lets teams create, manage, and render complex web forms without writing frontend code. It allows developers and business users to visually design forms, store them as JSON, and render them at runtime. As a React JS library, it easily integrates into existing applications while giving developers full control over form logic, structure, and data flow, making it well suited for complex data collection.

The Optimajet FormEngine v7.3.0 update introduces a new Table component that allows developers to structure form inputs in organized rows and columns, making it easier to handle multi-row or repeatable data within a single form. This addition enables cleaner data modeling, improves usability for scenarios that require tabular entry, and integrates with existing FormEngine features such as validation, conditional logic, and JSON-based configuration.

To see a full list of what's new in version v7.3.0, see our release notes.

Optimajet FormEngine is licensed based on usage type (internal commercial use, public web/SaaS, or OEM embedding), number of domains for the visual editor, and access to additional ready-made components. Licenses are perpetual and include 6 months or 1 year of updates and support. See our Optimajet FormEngine licensing page for full details.

For more information, visit our Optimajet FormEngine product page.

Grid Pro의 강력한 데이터 편집 및 검증 기능을 살펴보세요

11월 14, 2025
Highcharts 웨비나에 참석하여 Grid Pro가 어떻게 더 깔끔하고 효율적인 데이터 환경을 구축하도록 지원하는지 알아보세요.

The NEW Highcharts Grid Pro provides IT professionals with a powerful JavaScript component to build interactive and customizable data grids which enable efficient data editing, filtering, and management within complex datasets, enhancing the usability of data-intensive applications across various technical fields.

On Wednesday, November 19th at 1:00 PM EST, Highcharts Chief Product Officer Øystein Moseng & Product Manager Stian Totland will be presenting a LIVE tutorial-stye and interactive walkthrough of Grid Pro, demonstrating how to edit and validate data seamlessly with Grid Pro's intuitive tools.

As part of the official launch of Highcharts Grid Pro, this webinar will guide you through the many powerful feature of Grid Pro, including:

  • Interactive Cell Editing
  • Configurable Validation
  • Sparklines
  • Custom Events
  • Full Branding Control

Register for the LIVE Webinar today and mark your calendar for November 19th!

데이터 입력 인터페이스에서 RTL 레이아웃을 구현하세요

11월 14, 2025
RTL(오른쪽에서 왼쪽으로 읽는 언어) 기능이 내장된 React 데이터 편집기를 사용하면 아랍어, 히브리어, 페르시아어와 같은 언어를 입력하고 편집할 수 있습니다.

Right-to-left (RTL) support in a data editor component enables the user interface and content layout to be displayed in a direction consistent with languages that are read from right to left, such as Arabic or Hebrew. This includes aligning text, input fields, table structures, and control elements to the right side of the screen, while preserving correct data formatting and interaction behavior. For software developers, RTL support ensures that applications can be properly localized for RTL language audiences without compromising usability or data readability.

Several React data editors offer right to left (RTL) support including:

  • DevExtreme React Data Editors (part of DevExtreme Complete by DevExpress) supports right-to-left layouts which mirrors UI elements and adjusts directionality in editor controls.
  • KendoReact Data Editors by Telerik includes built-in RTL support, enabling components to render correctly for RTL languages and adapting their layout, messages and alignment.
  • Wijmo React Data Editors (part of Wijmo by MESCIUS) provides RTL support allowing components to render correctly for RTL languages.
  • Syncfusion React Data Editors (part of Syncfusion Essential Studio Enterprise) supports RTL mode enabling full right-to-left rendering of UI elements and data-led controls.

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

Compare React Data Editors

실시간 차트를 통해 변경 사항을 즉시 추적하세요

11월 14, 2025
실시간 차트 데이터를 표시하여 실시간 인사이트를 제공하고, 더 빠르게 결정하고, 조기에 문제를 감지하고, 더 정확하고 효율적으로 보고하세요.

Live data support for charts enables visualizations to update automatically as new information arrives, turning static dashboards into continuously refreshed, real-time views. This reduces reliance on manual refreshes or scheduled reports and helps prevent decisions based on stale data. Teams gain immediate insight into changing conditions, spotting anomalies, performance issues, or opportunities as they emerge. Typical use cases include monitoring website traffic, application performance, financial markets, IoT sensors, and business KPIs such as orders, revenue, or support queues. By making current metrics instantly visible, live charts improve responsiveness, operational control, and confidence in data-driven decisions and outcomes across the organization.

Several React chart controls support live data including:

  • DevExtreme React Chart (part of DevExtreme Complete by DevExpress) lets you stream live data into interactive visualizations, keeping dashboards continuously updated.
  • amCharts 5: Charts allows you to visualize constantly updating live data, animating changes smoothly so users immediately see evolving trends and anomalies.
  • Ignite UI for React Chart (part of Infragistics Ignite UI by Infragistics) lets you render high-frequency, real-time data streams, maintaining responsive, high-performance dashboards.
  • FusionCharts Suite XT facilitates real-time, self-updating charts that pull live data from servers, powering monitoring dashboards, trading interfaces, and operational views.

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

Compare React Chart Controls