Chart

차트는 용도 및 상황에 따라 다양하게 사용됩니다. 각 형태 및 정보는 변경될 수 있으며, 제작된 하나의 차트형태를 기반으로 전체적으로 통일되어진 차트디자인을 제작할 것을 권장합니다.

* 각 그래프에 여백 10px의 영역이 포함되어있습니다.

1. Pie chart

# type01

데이터값의 보조지표용도로 사용되며 공간활용에 적합한 형태입니다.

적용서비스 - Die-casting

# type02

메인 대시보드 화면에서 데이터값을 ‘주’로 보여주기 위해 사용되는 형태입니다. 빠른 시각적 전달에 용이합니다.

적용서비스 - Die-casting

# type03

각각의 데이터값을 시각적으로 빠르고, 명확하게 보여줄 수 있는 형태로 각 하나의 데이터값으로만 이루어져 있습니다.

적용서비스 - RB Insight air

2. Bar chart

# type01

각 세분화된 데이터값을 다양한 형태로 나열하고, 해당 값들을 시각적으로 빠르게 확인, 정리하여 볼 수 있다는 장점이 있습니다.

적용서비스 - Die-casting

# type02

미세먼지상태를 나타내는 데이터값들로 사용되어진 차트로, 각 값을 컬러로 구분하여 사용되어졌습니다.

적용서비스 - RB Insight air

# type03

RBInsight - 오류가 발생한 날에만 표시하여 오류의 정도와 발생일을 빠르게 확인 할 수 있도록 하였습니다.

Die-casting - 각 정보들을 시간으로 분할되어진 타임라인으로 표현하여, 각 데이터값 위치와 비중을 쉽게 확인할 수 있습니다.

적용서비스 - RB Insight air, Die-casting

3. Line chart

# type01

라인차트로 각 데이터값의 수치를 확인 및 비교가능한 형태입니다.

적용서비스 - RB Insight, Die-casting

# type02

라인차트로 각 데이터값의 수치를 확인 및 비교가능한 형태입니다.

적용서비스 - RB Insight, Die-casting

# type03

복합데이터의 형태로 각 데이터의 평균치값과 개별수치를 함께 표현하여 복합차트를 구성하였습니다.

적용서비스 - RB Insight

# type04

라인차트와 바차트를 함께 사용하여 각 목적에 맞는 데이터값을 확인할 수 있도록 하였습니다.

적용서비스 - RB Insight

4. Popup

# data popup

팝업은 각 데이터의 디테일한 정보를 빠르게 확인하기 위해 각 데이터값의 해당위치에 적용합니다.

5. Color style

# status type 01

가장 기본적인 상태값 표기시 사용되는 컬러입니다.

적용서비스 - Die-casting, RB Insight Admin

# status type 02

미세먼지 차트에서 사용된 컬러입니다.

적용서비스 - RB Insight air, ADT Capstec

# solid type 01

차트에서 별도의 데이터값으로 사용되며 해당컬러는 생산조건 차트에서 사용되었습니다.

적용서비스 - Die-casting

# solid type 02

차트에서 별도의 데이터값으로 사용되며 해당컬러는 생산 종류별 이력 차트에서 사용되었습니다.

적용서비스 - Die-casting

# spectrum

차트 및 컬러 단계가 필요한 경우 사용되는 컬러 팔레트 입니다.

적용서비스 - Die-casting