JavaScript / HTML5 뉴스

슬라이더를 사용하여 설문조사 피드백을 파악하세요

6월 18, 2025
SurveyJS v2.2.0에는 사용자가 직접 드래그하는 방식으로 답변을 입력하는 슬라이더 및 범위 슬라이더 질문 유형이 추가되어, 단일 값 또는 값의 범위를 수집할 수 있습니다.

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.

The SurveyJS 2.2.0 update introduces new Slider and Range Slider question types that enable developers to implement more interactive and precise input mechanisms within surveys. These components support a wide range of configuration options, including customizable minimum and maximum values, step sizes, labeled scales, and tooltip formatting. The Range Slider further enhances flexibility by allowing respondents to select and drag a value range using dual thumbs, with optional constraints on range length. Both question types can be seamlessly bound to text input fields, offering a more responsive and accessible data collection experience in custom survey workflows.

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

SurveyJS 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.

Optimajet, ComponentSource에 합류

6월 18, 2025
ComponentSource가 OptimaJet와 파트너십을 체결하여 코드 없이 사용자 정의 웹 양식을 구축할 수 있는 React 기반 솔루션을 개발자에게 제공합니다.

OptimaJet is a global software vendor dedicated to providing developer-centric tools that streamline enterprise application development. Since 2013, the company has supported organizations across industries such as finance, government, logistics, and insurance. With offices in the United States and Hong Kong, OptimaJet delivers scalable, cost-effective solutions designed to accelerate development and adapt to changing business needs.

FormEngine is a powerful React-based drag-and-drop form builder that enables visual creation of complex web forms without the need for frontend coding. Forms are stored as JSON and rendered dynamically at runtime, allowing teams to build and update forms quickly while maintaining full control over structure and data flow. It is ideal for internal business tools, onboarding processes, and any application requiring flexible, frequently updated forms.

Through this partnership, ComponentSource extends its portfolio with a modern React-based solution that supports developers in building adaptive, data-driven forms with ease. Offering OptimaJet's FormEngine reflects ComponentSource’s ongoing commitment to equipping development teams with high-quality tools that simplify complex tasks, accelerate delivery, and enhance the flexibility of enterprise applications.

FormEngine, by OptimaJet, is licensed based on usage type, number of domains, and included components, with options for internal use, SaaS deployment, or OEM integration. See our FormEngine licensing page for full details.

For more information visit our OptimaJet brand page.

UX 설계 원칙을 웹 애플리케이션에 통합하세요

6월 17, 2025
MESCIUS CodeClinic 라이브 웨비나에 참석하여 Wijmo 앱에 업계 모범 사례를 적용하는 방법을 알아보세요.

Wijmo is a complete collection of extensible, fast, flexible JavaScript UI components written in TypeScript. The framework-agnostic Wijmo components include first-class support for top frameworks including Angular, React, Vue and Web Components. Wijmo Enterprise has over 100 dynamic JavaScript UI components to help cut your development time in half and build lightweight, high-performance JavaScript applications using your favorite JavaScript framework.

On June 25, 2025 at 11:00 AM EDT, MESCIUS (formerly GrapeCIty) will be presenting a CodeClinic Live Webinar, exploring the 25 UX laws to give your apps an advantage over the competition. Learn why they are important, how to follow the industry's best practices, and how to apply them, assessing various popular web applications.

Register for the LIVE webinar today, and mark your calendar for June 25.

복잡한 데이터 패턴을 3D로 시각화하세요

6월 17, 2025
표면 차트(Surface Chart)로 여러 데이터 속성 간의 복잡한 관계를 분석하여, 3D 플로팅(3D plotting)을 통해 보다 심층적인 인사이트를 얻을 수 있습니다.

A surface chart is a powerful data visualization tool used to represent three-dimensional data, where the relationships between three numerical variables are plotted across a surface. By mapping values on the X, Y, and Z axes, and optionally applying dynamic color gradients to introduce a fourth variable, surface charts reveal patterns and correlations not easily detected in 2D charts. This makes them particularly valuable in fields such as engineering, scientific research, and finance. The ability to interpret multiple data dimensions simultaneously enables clearer insights and supports more informed, data-driven decisions.

Several JavaScript chart controls offer Surface Charts including:

  • jChartFX Plus lets you create rich, interactive surface charts that visualize three-dimensional data relationships with customizable styling and dynamic behavior.
  • AnyChart JS allows you to render detailed surface charts with gradient coloring, revealing multidimensional data insights for web-based analytics applications.
  • LightningChart JS Trader facilitates ultra-fast rendering of high-performance surface charts, ideal for complex financial modeling and real-time data exploration.
  • TeeChart JS enables advanced surface chart plotting with full 3D rotation, color mapping, and interactive tools for scientific and engineering analysis.

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

Compare JavaScript Chart Controls

그리드 데이터의 패턴을 즉시 강조할 수 있습니다

6월 16, 2025
조건부 서식을 사용하면 주요 지표를 자동으로 강조하여 데이터의 추세와 이상 징후를 파악할 수 있습니다.

Conditional formatting in a grid refers to the dynamic application of visual styles—such as colors, icons, or font changes—to cells based on the values they contain or rules defined by the developer. This feature enables developers to visually differentiate data patterns, identify anomalies, or highlight critical values directly within a data grid without additional processing or user interaction. By presenting real-time visual cues tied to data content, conditional formatting enhances readability, supports quick analysis, and improves user decision-making, particularly in data-heavy applications where clarity and immediacy are essential.

Several Angular grid controls offer conditional formatting, including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) enables rule-based styling for grid cells, providing real-time visual feedback that improves data interpretation.
  • Handsontable by Handsoncode allows you to define custom cell styling conditions, enabling immediate visual cues based on cell content or validation rules.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) facilitates the automatic formatting of cells, enhancing the visibility of key data.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) lets you apply dynamic conditional formatting rules to visually highlight data trends.

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

Compare Angular Grid Controls