[spotfire] 5. 차트 그리기 ② - 차트 속성, 변경, 수정

5. 차트 그리기

5.6. 색, 격자 및 속성 설정

앞서 차트의 속성(Properties)에서는 차트의 많은 기능들을 설정할 수 있다고 말씀드렸습니다. 차트의 종류에 따라 속성은 약간씩 다른 탭들로 이루어지지만, 차트 종류와 무관하게 공통된 내용을 담고 탭이 있습니다. 색과 격자는 대표적으로 모든 차트에 공통적으로 있는 속성 입니다. 예제를 통해 색과 격자, 그리고 다른 속성들은 어떤 것들이 있고 어떤 효과를 가져오는지 알아보겠습니다. 먼저 속성에 접근하는 방법입니다. 앞에서는 차트에 우클릭하는 방법만 알려드렸지만, 4가지의 방법으로 접근할 수 있습니다.

위치: ① 시각화 - 시각화 속성 / ⓐ 차트 우클릭 - 속성 / ⑴ 시각화 차트 - 속성 / ⒜ 툴바 - 시각화 속성

 

차트 속성 접근 방법

 

차트 속성은 빈번히 사용되는 만큼 접근 방법도 다양합니다. 이 설정들은 중요하고 많이 쓰이기 때문에 상세히 시간을 가지겠습니다.

l  5.6.1. 일반 탭

일반 탭에서의 속성

 

일반 탭(General tab)에서는 차트의 제목(Title)과 설명(Description)을 넣을 수 있습니다. 그 값들은 '여기는 제목입니다' 와 같이 고정된 값일 수도 있고, 프로퍼티(Property)를 사용하여 동적으로 바꿀 수도 있습니다. 편집(Edit) 버튼을 누르면 그림의 오른쪽과 같이 값이나 프로퍼티들을 넣을 수 있는 편집 창이 뜹니다. 디폴트(Default)로 설정된 제목은 차트의 종류별로 다릅니다. 표에서는 데이터 테이블의 이름이, 파이 그래프에서는 파이 내부의 (섹터 컬럼) 당 (색 컬럼)으로, 그리고 산점도에서는 (y 컬럼) 대 (x 컬럼)이 디폴트로 설정되어 있습니다. 반면에 설명은 기본적으로 없습니다. 그리고 제목과 설명은 보이기와 숨기기가 가능합니다.

 

l  5.6.2. 데이터 탭

데이터 탭에서의 속성

 

데이터 탭(Data tab)에서는 차트에 표시할 내용과 표시하지 말아야 할 내용을 설정합니다. 구체적으로 차트에 표시할 데이터 테이블과 표기할 마킹(Marking)을 정하고, 마킹(Marking)과 필터(Filter), 그리고 표현식(Expression)을 통해 차트에 표시하지 말아야 할 조건들을 제한합니다. 하나의 차트는 하나의 데이터 테이블 내용만을 사용할 수 있습니다. 여러 개의 데이터 테이블 내용을 사용하기 위해서는 테이블 간 병합(Merge)이나 데이터 관계설정(Data relationship) 등의 작업으로 사실 상 하나의 데이터 테이블로 만들어야 합니다. 마킹은 차트에서 선택 된 데이터를 의미합니다. 마킹을 이용한 데이터 제한 조건과 함께 사용하여 드릴다운 분석(Drill down analysis)이 이루어집니다. 마킹과 관련된 자세한 내용은 데이터 처리에서 다루겠습니다. 그 밖에도 필터의 적용 유무와 표현식을 통해 데이터를 제한하는 기능을 가집니다. 데이터 탭은 차트에서 가장 중요한 속성이라고 생각합니다.

l  5.6.3. 서식 지정 탭

서식 지정 탭에서의 속성

 

서식 지정 탭(Formatting tab)에서는 표시되는 x축과 y축에 대한 서식을 지정할 수 있습니다. 문자나 날짜 형식인 데이터의 경우 단순히 text로 밖에 표현할 수 없지만, 숫자 형식의 경우에는 일반(General), 통화(Currency), 백분율(Percentage), 과학(Scientific), 번호(Number) 그리고 사용자 지정(Custom)으로 서식 표현이 가능합니다. 그리고 서식의 일반은 서식을 넣지 않은 일반적인 숫자이고, 통화는 천 단위 쉼표나 숫자 앞에 화폐 기호를 넣는 등의 화폐 관련 서식을 넣을 수 있습니다. 백분율의 경우 기본적으로 소수 2자리의 퍼센트 서식을 제공합니다. 과학의 경우 ppm 단위인 소수 6자리와 E(exponential) 표기를 제공합니다. 번호의 경우 소수자리와 천 단위 표기, 단위 접두어 k(10³), m(10⁶) 등의 서식도 넣을 수 있습니다. 그리고 사용자 지정의 경우 엑셀의 임의 서식과 동일하게 입력하는 서식으로 숫자를 표기해 줍니다.

 

l  5.6.4. 글꼴 탭

글꼴 탭(Fonts tab)은 차트에 사용하는 글자에 대한 설정입니다. 각 시각화 차트의 요소 별로 글자체, 크기, 굵게(Bold), 기울임꼴(Italic) 등을 설정할 수 있습니다. 여기서 설정하는 글꼴은 해당 차트만 적용됩니다.

 

 

글꼴 탭에서의 속성

 

l  5.6.5. 색 탭

Spotfire의 시각화 차트에서 중요한 설정 중에 하나인 색(Color) 설정 입니다. x축과 y축 설정 후 다른 표현하고 싶은 컬럼이 있다면 대개 색으로 표현합니다. 데이터의 형식에 구애 받지 않고 연속 변수이던 불연속 변수이던 모두 적용할 수 있습니다. 컬러 모드는 기본적으로 4가지를 제공하고 있습니다. 그라디언트(Gradient), 세그먼트(Segments), 고정(Fixed), 그리고 고유한 값(Unique values)을 적용할 수 있습니다. 차트와 표에서 속성을 적용하는 방식이 약간 다르기 때문에 직접 그려보는 것이 좋습니다.

 

색 탭에서의 속성 - 차트

 

색 탭에서의 속성 - 표

 

색 적용 모드는 그 이름에 맞는 특성을 지닙니다. 그라디언트(Gradient)의 경우 값에 따라 색이 변하는 모드이고, 세그먼트(Segments)는 값의 구간을 정해서 구간 내에서 동일한 색을 가지는 모드, 고정(Fixed)는 모두 동일한 색 모드, 그리고 고유한 값(Unique values)는 각 값에 따라 색이 모두 다른 모드입니다. 표에서는 색 모드는 유사하지만 표의 배경 색에 적용할지 글자 색에 적용할지 선택할 수 있습니다. 그 밖에도 Spotfire 내부에 저장된 색 조합이 있어서 그것들을 활용해도 됩니다. 또는 특정 조건들에 대해서만 따로 색을 설정할 수도 있습니다.

 

색 탭에서 척도 단위에 따른 차이

 

색 설정 시 주의해야 될 것은 색 설정은 컬럼 단위로 설정된다는 것입니다. 그라디언트의 경우 컬럼의 값 전체에서 설정되기 때문에 특정 조건에만 값이 몰려 있다면 구별이 정확하지 않은 단점이 있습니다. 따라서 그럴 경우 색을 자세히 나눠주거나, 격자를 적용한 경우 격자 내에서 사용된 컬럼의 값을 기준으로 색을 재설정 할 수 있습니다. 위 그림에서 척도 단위가 없을 때에는 전체를 기준으로 그라디언트가 적용되었지만, 척도 단위를 격자로 설정한 경우는 격자 내에서 그라디언트가 적용된 결과를 볼 수 있습니다.

 

l  5.6.6. 레이블 탭

 

레이블 탭에서의 속성

 

레이블 탭(Labels tab)은 시각화 차트에 있는 항목들에 대한 특정 컬럼 값을 그대로 보여주는 기능입니다. 컬럼의 선택은 시각화 차트의 종류에 따라 임의로 설정 가능하기도 하지만 일부는 지정되어 있기도 합니다. 막대 그래프와 복합 그래프의 경우 레이블로 보이는 값은 y값으로 설정된 컬럼에만 적용가능 합니다. 파이 그래프의 경우 파이로 그려지는 컬럼의 %, 값, 종류만 표시 가능하며 트리맵의 경우 값으로만 표시됩니다. 산점도에서만 자유도가 있어 임의의 컬럼을 쓸 수 있습니다. 레이블은 표시할 대상을 전체 선택한 대상, 마크된 행, 또는 표시되지 않음으로 설정할 수 있으며 모습은 위 그림의 오른쪽과 같습니다. 그리고 레이블을 대상의 가운데로 위치시킬 수도 있습니다.

 

l  5.6.7. 툴팁 탭

툴팁 탭(Tooltip tab)은 시각화 차트에 마우스를 올려 놓을 때 표시해 줄 내용들을 설정합니다. 기본적으로 시각화 차트에서 설정한 x축과 y축, 일부 색, 격자 등을 설정한 컬럼 이 설정되어 있습니다. 이 외에도 특별히 보이고 싶은 값이 있다면 집계 함수와 함께 컬럼을 선택하면 됩니다.

 

 

툴팁 탭에서의 속성

 

l  5.6.8. 범례 탭

 

범례 탭에서의 속성

 

범례 탭(Legend tab)에서는 시각화 차트의 범례 위치, 범례에 표시할 내용, 그리고 표시 모습을 선택할 수 있습니다. 범례는 보통 시각화 차트 오른쪽에 위치하여 차트의 정보들을 요약하여 표시해 줍니다. 특히 색의 범위나 모양, 격자 등의 그래프에 직접적으로 표시되지 않는 중요 차원들의 정보를 표시함으로써 차트 해석에 도움을 줍니다. 속성 이외에도 범례에서 우클릭을 통해 정보를 보이기와 숨기기를 할 수 있습니다.

 

l  5.6.9. 격자 표시 탭

 

격자 표시 탭에서의 속성

 

격자 표시 탭(Trellis tab)은 하나의 컬럼을 분할하여 여러 개의 그래프를 그리게 해주는 기능입니다. 롤 케익을 자르면 길이에 따라 여러 단면이 보이듯이 하나의 컬럼을 자르면 해당 값에서 여러 단면 즉, 시각화 차트를 보여줍니다. 따라서 x축, y축으로 그리는 시각화 차트에서 또 하나의 중요한 컬럼을 보여줄 때 격자 표시를 많이 사용합니다. 격자 표현은 불연속적으로 표시되기 때문에 연속 변수보다는 그림의 2015Y, 2016Y, 2017Y와 같이 불연속 변수에 적용하는 것이 좋습니다. 색과 더불어 주요 컬럼(차원)을 표현하는데 자주 사용하기 때문에 많이 연습하고 익숙해지는 것이 좋습니다. 격자 탭에서는 어떤 컬럼을 쓸 지, 컬럼으로 잘린 단면을 어떻게 나열해 보여줄지를 설정합니다. 세로 방향으로 나열할 때는 로우, 가로 방향으로 나열할 때는 컬럼, 다른 페이지에서 보여줄때에는 페이지에 컬럼을 선택합니다. 또는 패널을 사용하여 바둑판 식으로 가로 개수와 세로 개수를 부여해 나열할 수 있습니다. 패널로 설정하는 것이 자유도가 높기 때문에 위의 행 및 컬럼 보다는 패널을 주로 사용합니다.

 

l  5.6.10. 라인 & 곡선 탭

라인&곡선 탭에서의 속성

 

라인과 곡선 탭(Line & Curve tab)에서는 데이터를 활용하여 새로운 직선이나 곡선을 추가로 그려주는 속성입니다. 생성할 수 있는 선의 종류는 다양합니다. 그 종류를 대략적으로 분류해보면, 첫 번째로 고정된 값(상수), 두 번째로 데이터 대표 값(통계 값 또는 수식이 적용된 값), 세 번째로 맞춤 곡선(Fitting curve), 그리고 마지막으로 데이터와 상관없는 임의의 함수 등이 있습니다. 원하는 직선, 곡선을 수식으로 나타낼 수 있다면, Spotfire에서 제공하는 기능으로 자유도 높은 직선과 곡선 등을 다양하게 그려낼 수 있습니다.

 

l  5.6.11. 오차 막대 탭

 

오차 막대 탭에서의 속성

 

오차 막대 탭(Error bar tab)에서는 막대 그래프, 선 그래프 및 산점도에서 오차 막대를 사용하여 예상 측정 오차를 표시할 수 있습니다. 숫자 형식의 컬럼을 대상으로 x축과 y축, 2 방향으로 표시할 수 있고 상한(upper)과 하한(lower)를 각각의 컬럼으로 넣어야 합니다. 예를 들어, 산점도에서 50 값 기준으로 상한 컬럼이 10, 하한 컬럼이 20이라면 시각화 차트에서는 상한은 50+10=60, 하한은 50-20=30으로 오차 막대가 표시됩니다. 따라서 절대값으로 상한과 하한을 설정하고 싶은 경우에는 사용자 지정 표현식(Custom expression)을 사용해야 합니다. 기타 설정들은 색이나 오차 막대의 표시 방법 등을 나타냅니다.

 

l  5.6.12. 하위 집합 탭

 

하위 집합 탭에서의 속성

 

하위 집합 탭(Subsets tab)은 하나의 시각화 차트 내에서 특정 조건으로 하위집합으로 만드는 기능입니다. 특정 조건은 필터링 적용 여부, 다른 마킹이나 사용자 지정 표현식 등으로 설정 할 수 있습니다. 하위집합에서 기본값으로 현재 필터링(Current filtering)만 설정되어 있습니다. 그래서 일반적으로 시각화 차트를 볼 때 필터 조건이 있다면 필터 조건이 적용된 값으로 시각화 차트가 보이게 됩니다. 하지만 추가적으로 모든 데이터(All data)나 현재 필터링에 없음(not in current filtering)등의 옵션을 사용하면 하나의 동일한 데이터가 3개로 나타나고 각각 모든 데이터, 필터링에 없는 데이터, 그리고 필터링 데이터 3개가 표시됩니다. 그 밖에도 마킹, 필터링 스키마(Filtering scheme), 그리고 사용자 지정 표현식 등으로 참거짓(Boolean) 형식의 결과를 통해 다른 하위 집합들을 만들 수 있고, 이를 데이터 간 비교에 활용할 수 있습니다.

l  5.6.13. 항목 표시/숨기기 탭

 

항목 표시/숨기기 탭에서의 속성

 

항목 표시/숨기기 탭(Show/Hide item tab)에서는 시각화 차트에 보이기 또는 숨기기를 위한 특정 조건을 지정할 수 있습니다. 대상은 시각화 차트에 나와있는 컬럼들 뿐만 아니라 데이터 테이블 내의 모든 정보를 대상으로 조건을 지정할 수 있습니다. 조건으로는 상위, 하위, 사이 값, 동일, 이상, 이하, 그리고 사용자 지정 표현식까지 조건으로 넣을 수 있습니다. 표시/숨기기의 장점은 특정 상황에서 해당 차트에만 쉽게 표기를 할 수 있다는 점입니다. 상위 5개의 항목을 찾기 위해 컬럼 추가에서 rank 함수를 써서 5개를 찾고 이를 차트에 표시하면서 상위 5개 이외는 보이지 않게 설정하는 일련의 과정을 상위 5개 보이기(Show top 5 item) 설정을 통해 간단히 차트에 표시할 수 있습니다. 물론 제공하지 않는 복잡한 조건의 경우 사용하기 힘들다는 단점도 있습니다. 이 항목이 필터와 다른 것은 필터는 데이터 테이블 전체에 조건이 걸리는 것에 비해 표시/숨기기는 해당 시각화 차트에만 영향을 주고 다른 차트에는 영향이 없습니다.

 

5.7. 차트 모습 변경

차트의 각 요소에 원하는 컬럼을 속성을 통해 지정한 후에는 세부적인 차트 모습을 완성해야 합니다. 시각화 차트의 모습과 위치 별 표시 항목들은 아래 그림과 같습니다.

 

시각화 차트의 위치 별 표시 항목

 

차트의 각 위치 별로 표시 항목이 있으며, 보이지 않게 설정 가능하지만 표시 항목의 위치를 바꿀 수는 없습니다. 차트의 좌상단에는 차트 제목과 설명이 들어갑니다. 속성의 제목 탭에서 작성했던 내용이 표기되는 부분입니다. 우상단에는 마우스를 가져가면 보이도록 만든 버튼이 있습니다. 이 버튼들로 속성이나 범례, 닫기 등의 기능을 수행합니다. 차트 중앙에는 차트가 나옵니다. 속성에서 지정했던 내용들이 구현되는 곳입니다. 중앙의 차트를 중심으로 왼쪽에는 y축, 아래쪽에는 x축이 나옵니다. 그리고 차트 오른쪽에는 범례가 표시됩니다. 차트, x축, 그리고 y축에서 우클릭을 하면 추가로 설정할 수 있는 기능들이 표시됩니다.

l  5.7.1. 차트 위 우클릭으로 차트 모습 변경

그래프의 모습이 그려지는 차트 중앙에서는 우클릭을 통해 차트의 각종 기능들을 간단히 실행 할 수 있습니다.

 

차트 위 우클릭에서 설정할 수 있는 기능들

 

가장 많이 사용하는 기능은 속성(Properties)과 시각화 복사, 중복, 전환 기능입니다. 속성은 앞서 배웠듯이 시각화 차트의 세부 설정들 표시해 줍니다. 차트에서 우클릭이나 차트 우상단의 속성 버튼으로 해당 차트의 속성에 접근합니다. 또한 시각화 복사, 중복, 전환은 여러 개의 시각화 차트를 그릴 때 사용합니다. 하나를 그린 후, 이를 복사, 중복, 전환하여 사용하면 기존의 시각화 차트에 적용한 세부 사항들을 새로운 차트에 그대로 사용할 수 있습니다. 특히 중복 시각화(Duplicate Visualization)은 클릭 한번으로 동일한 시각화 차트를 만들 수 있기 때문에 많이 사용합니다. 또한 중복 시각화로 만든 차트에 시각화를 전환할 대상(Switch Visualization To)를 통해 속성은 동일하지만 다른 종류의 차트로 변경할 수 있습니다. 때문에 여러 개의 시각화 차트를 그릴 때에는 하나의 시각화 차트를 완성해 두고, 이를 중복 시각화와 시각화를 전환할 대상 기능을 통해 여러 개의 시각화 차트로 복사, 전환하여 사용합니다. 한 가지 주의사항은 이렇게 복사한 시각화 차트에 데이터 테이블을 변경하여 세부적으로 설정한 x축 컬럼, y축 컬럼, 색 컬럼 그리고 격자 컬럼 등이 달라지면 시각화 차트의 양식은 초기화 됩니다. 따라서 양식을 맞추기 위해 중복 시각화를 사용한다면 데이터 테이블 변경 시에는 동일한 컬럼이 있는지 확인하는 것이 좋습니다.

 

 

l  5.7.2. x축 우클릭으로 차트 모습 변경

차트 위 우클릭은 차트에 대한 기능들을 실행할 수 있었다면 x축 우클릭은 x축의 기능을 실행할 수 있습니다.

 

X축 우클릭으로 설정할 수 있는 기능들

 

x축, y축과 관련된 설정은 기본 설정되어 있는 것에서 원하는 모습으로 추가하면 됩니다. 컬럼의 데이터 형식에 따라 연속하는(Continuous) 값이나 범주(Categorical) 값이 자동 설정되며 레이블은 수평적(Horizontal)으로 표시되는 것이 기본(Default)로 설정되어 있습니다. 여기에 추가적으로 축 확대, 축소가 가능한 확대/축소 슬라이더(Zoom Slider), 축에 수직인 눈금선(Guideline) 역시 표시 가능하며, 레이블의 수직적(Vertical) 표시도 가능합니다. x축에 한하여 범주(Categories)와 축 평가 기준(Evaluate Axis On)이라는 옵션이 더 있으며, 필터값을 축에 표시할지 말지를 표시하는 옵션입니다.

 

l  5.7.3. y축 우클릭으로 차트 모습 변경

Y축 우클릭으로 설정할 수 있는 기능들

 

y축 우클릭도 x축과 유사합니다. 축 확대, 축소가 가능한 확대/축소 슬라이더(Zoom Slider), 축에 수직인 눈금선(Guideline) 표시, 그리고 레이블의 수평적(Horizontal) 또는 수직적(Vertical) 표시를 설정할 수 있습니다.

 

5.8. 차트 확인 후 수정

마지막으로 완성된 차트가 원하는 모습인지를 확인하고 수정해야 합니다. 경험 많은 데이터 분석가들도 막상 시각화 차트를 만들고 나면 불만족할 수 있습니다. 완전히 뒤엎고 새롭게 차트를 그릴 수도, 특정 부분만 수정할 수도 있습니다. 중요한 것은 일단 시도를 해보는 것입니다. Spotfire는 간단하고 빠르게 차트를 그려주기 때문에, 그려볼 차트가 적절한지 상상하고 예상해보는 시간에 차라리 빠르게 그려 확인하는 편이 좋습니다. 최종적으로 계획했던 차트가 제대로 그려졌는지 확인해보겠습니다. 차트 계획 사항은 아래와 같습니다.

 

n 차트 그리는 순서

0. 차트 목적: 종목 별, 연도 별 EPS 차트 그리기

1. 차트 종류 선택과 생성: 산점도(Scatter plot)

2. 데이터 테이블 선택: Ticker_info

3. x축, y축 선택: x(Ticker), y(EPS)

4. 색, 격자 및 속성 설정: 색(EPS), 격자(Year)

5. 차트 모습 변경: x(가이드라인, 수직라벨), y(줌 슬라이더)

6. 차트 확인 후 

최종적으로 완성한 차트

 

수정차트는 각 연도별 6개 차트를 그렸으며, 각 차트는 Ticker에 따른 EPS 평균 값들을 산점도로 표시하고 있습니다. 색 역시 EPS 평균값으로 색을 부여하여 빨간색은 EPS가 큰 값, 파란색은 EPS가 작은 값을 표시하고 있습니다. 마지막으로 차트는 종목 라벨을 수직으로 작성하고 가이드라인을 표시했고, EPS 축에는 슬라이더를 넣어서 확대와 축소가 가능합니다. 최종적으로 완성한 차트는 초기 계획했던 내용을 그대로 담고 있으며, 원하는 목적을 충분히 보여주고 있기 때문에 차트는 완성 되었습니다.