JavaScript UI 컴포넌트 온라인 튜토리얼

운항 정보 대시보드

Wijmo의 그리드, 피벗, 맵을 활용하여 도착·출발 정보를 한눈에 확인할 수 있고, 피벗 기능을 통해 항공편 현황을 다양한 방식으로 분석할 수 있는 운항 정보 대시보드 샘플입니다.

Zip 파일 다운로드

Next.js

강의 채널 대시보드

Wijmo의 차트, 그리드, 그래프를 활용하여 주요 지표와 수치의 추이를 한눈에 파악하고, 세부 데이터를 손쉽게 비교·분석할 수 있는 강의 채널 대시보드 샘플입니다.

Zip 파일 다운로드

Next.js

미수금 관리대장 대시보드

Wijmo의 그리드와 차트 컨트롤을 활용하여 금액, 수금액, 미수금액 관련 데이터를 파악할 수 있는 미수금 관리대장 대시보드 샘플입니다.

Zip 파일 다운로드

Next.js

환경 통계 포탈 대시보드

Wijmo의 차트와 탭 패널을 활용해 만든 대시보드입니다. 차트 우클릭 시, 차트 이미지 내보내기 기능도 함께 확인해보세요.

Zip 파일 다운로드

Next.js

판매 분석 대시보드

Wijmo의 컨트롤을 사용해 판매 관련 데이터를 확인할 수 있는 판매 분석 대시보드 샘플입니다.

* 해당 샘플에서 사용된 Wijmo 컨트롤은 차트, 그리드, 입력, 게이지 입니다.

Zip 파일 다운로드

Next.js

이커머스 대시보드

Wijmo의 다양한 컨트롤을 사용해 데이터를 한 눈에 볼 수 있도록 만들어진 이커머스 대시보드 샘플입니다.

* 해당 샘플에서 사용된 Wijmo 컨트롤은 차트, 그리드, 맵, 캘린더 입니다.

Zip 파일 다운로드

React

설문조사 결과 대시보드

Wijmo의 차트와 그리드를 통해 설문조사 데이터를 효율적으로 분석할 수 있도록 설계되었습니다. 

Zip 파일 다운로드

React

트래픽 모니터링 대시보드 (React)

웹 서버의 트래픽 내역을 국가별로 보여주는 React 기반 대시보드입니다.

Zip 파일 다운로드

React

트래픽 모니터링 대시보드 (Angular)

웹 서버의 트래픽 내역을 국가별로 보여주는 Angular 기반 대시보드입니다.

Zip 파일 다운로드

Angular

지리 대시보드

인구 통계 데이터를 분석하기 위한 대화형 지리 대시보드입니다.

Zip 파일 다운로드

Angular | React | Vue

동적 대시보드

커스터마이징이 가능한 동적 대시 보드에서 Wijmo 컨트롤을 사용하는 방법을 보여줍니다.

Zip 파일 다운로드

JavaScript | Angular | React | Vue | Vue3

재고 관리 앱

여러 화면으로 이동할 수 있는 라우터가 포함된 재고 관리 앱을 보여줍니다.

Zip 파일 다운로드

Angular

인사 정보 조회 데이터 그리드

Wijmo FlexGrid를 기반으로 직위, 부서, 사원 번호 등 다양한 인사 데이터를 한눈에 파악할 수 있도록 설계되었으며 필터링, 검색 및 내보내기 기능을 통해 사용자에게 편리한 경험을 제공합니다.

Zip 파일 다운로드

JavaScript

암호 화폐 트래킹

Wijmo의 강력 재무 차트 컴포넌트를 그리드에 통합하여 암호 화폐 가치를 추적합니다.

Zip 파일 다운로드

React-Redux | Angular