[무역|7|Plotly] 해외시장조사 데이터 Guage chart 꾸미기

[무역|7|Plotly] 해외시장조사 데이터 Guage chart 꾸미기

 

 

 

plotly Guage Chart 만들기

 

작성된 코드를 먼저 보시겠습니다.

fig = go.Figure()
fig.add_trace(go.Indicator(
mode="gauge+number+delta",
value=mrktAcbltVal,
title={'text': "시장접근성", 'font': {'size': 24}},
delta={'reference': 50, 'increasing': {'color': "RebeccaPurple"}},
gauge={
'axis': {'range': [None, 100], 'tickwidth': 1, 'tickcolor': "darkblue"},
'bar': {'color': "darkblue"},
'bgcolor': "white",
'borderwidth': 2,
'bordercolor': "gray",
'shape': 'angular',
'steps': [
{'range': [0, 20], 'color': 'rgb(255,0,0)'},
{'range': [21, 40], 'color': 'rgb(200,50,0)'},
{'range': [41, 60], 'color': 'rgb(100,150,0)'},
{'range': [61, 80], 'color': 'rgb(50,200,0)'},
{'range': [81, 100], 'color': 'rgb(0,255,0)'}],
'threshold': {
'line': {'color': "red", 'width': 4},
'thickness': 0.75,
'value': 81}}))

fig.update_layout(paper_bgcolor="lavender", font={'color': "darkblue", 'family': "Arial"})
fig.update_layout(title={'font': dict(size=35,color='black'), 'text': df['국가명'].iloc[0]+" HS code: "+df['HS'].iloc[0],
'x':0.5, 'xanchor':'center', 'yanchor':"auto"})

 

 

 (1) fig.add_trace(go.Indicator())

 

 plotly guage chart를 구성하기 위해서는 go.Indicator()라는 메소드를 사용합니다. go.Indicator()에 대한 공식문서를 아래에 링크하여 드리니, 추가로 궁금하신 부분은 참조문서를 확인해 보시기 바랍니다.

 

Indicators in Python

 

 

 (2) mode 인자

 

 guage에 표시될 요소들을 string의 형식으로 "guage+number+delta"를 주었습니다 .guage는 guage bar를 표사하겠다는 것이고, number는 중간에 나오는 숫자값을 표시하겠다는 것이며, delta는 기준값으로 설정한 값으로부터의 차이를 삼각형(+) 또는 역삼각형(-) 표시와 함께 숫자값으로 표시하겠다는 것을 의미합니다. delta는 표시하지 않고 싶을 경우에는 단순히, 대입한 string값에서 delta만 삭제해 주면 됩니다. 매우 간편하게 요소 중 하나를 삭제 또는 추가할 수 있는 것입니다.

 

 

 (3) value 인자

 

 number요소에 표시될 숫자값입니다. guage bar의 길이를 인식하는데에도 참조됩니다.

 

 

 (4) title 인자

 

 이 guage chart의 제목을 설정합니다. 리스트 형태로 font값등에 대한 추가적인 설정이 가능합니다.

 

 

 (5) delta 인자

 

 기준이 되는 값과의 차이값을 삼각형(+) 또는 역삼각형(-) 표시와 함께 나타냅니다. reference는 기준값이 됩니다. increasing은 증가된 경우. 즉, +값을 나타낸 경우를 뜻하며, 이 코드에서는 증가된 경우 색을 RebeccaPurple로 표시되게 설정 하였습니다.

 

 

 

 

 

 

 

 (6) guage 인자

 

 guage bar를 꾸미게 됩니다. 

 

  a) axis.range는 guage의 최소값에서 최대값까지의 값을 설정합니다. 이 코드에서는 100점이 만점인 점수를 guage로 표현하기 때문에, 최소값은 0, 최대값은 100이 되게 range를 주었습니다.

     axis.tickwidth는 눈금선의 두께를 설정합니다.

     axis.tickcolor는 눈금선의 색깔을 설정합니다.

 

  b) bar는 guage의 bar를 꾸미는데 사용됩니다. 

 

  c) bgcolor는 배경색을 설정합니다.

 

  d) borderwidth는 바깥 경계선의 두께를 설정합니다.

 

  e) bordercolor는 바깥경계선의 색을 설정합니다.

 

  f) shape은 indicator chart의 일종인 guage chart의 형태를 결정합니다. angular라는 값은 이 guage chart와 같이, 아크형태의 모양을 구성해 주고, bulletin이라는 값은 guage chart를 이와 다른 막대 형태로 표시해 줍니다. 이런 속도계 모양의 guarge chart는 shape을 반드시, 'angular'로 해주셔야 하는데, go.indicator()의 shape값은 default가 angular이므로 별도로 설정하시지 않으셔도 상관은 없겠습니다.

 

 g) steps는 guage 눈금의 단계를 구분표시해 줄 때 설정해 줍니다. 예를 들어, '좋음', '보통', '나쁨'의 3단계 구성을 희망하신다면, range를 3분할 해서 위 코드를 참조해 설정해 주시면 되겠습니다.

 

 h) threshhold는 한계치값인데요. 이 코드에서는 값이 81인 지점에 빨간색 선을 넣도록 설정 하였습니다. 81부터 최상위 점수구간이므로 저는 81에 위와 같이 설정을 넣어 보았습니다.

 

 

 그럼 이제 결과물을 보시겠습니다.

 

 

 

 

 국가는 미국으로 하고 HS code는 970600으로 조회해 보았습니다.

 HS code 970600에는 '제작후 100년을 초과한 것으로 한정한 골동품'이 분류됩니다.

 

 즉, 이 시각화 결과물을 통해서 미국으로 제작후 100년을 초과한 것으로 한정한 골동품을 수출하고 싶을 때, 미국 시장은 어느 정도의 매력도나 성장성 등을 가지고 있는지 KOTRA의 전문 평가단에 의해 매겨진 100점이 만점인 평가점수를 표시하는 것입니다. 

 

 필자는 코드를 좀 더 추가해서 시장접근성 뿐만 아니라, 다른 3개 지수 모두에 대해 시각화하고 하나의 canvas위에 표시되도록 하여 보았습니다. 

 

 결과이미지는 아래와 같습니다.

 

 

 

 

 guage chart 생성과 꾸미는 방법에 대해 알아 보았습니다. 

 plotly의 공식문서를 참조하시면 좀 더 다양한 형태로 변형 사용도 가능한 점 잊지 마시고 공식문서를 확인해 보세요.

 

 guage chart에 대한 기본도 이해하였으니, 다른 주제를 통해서도 계속 변형 사용해 보도록 하겠습니다.

 

 즐거운 하루 되세요!

 

 

 

NPU(엔피유) 관세사무소

대표관세사 고장주

Tel) 031-986-7190

E-mail) sales@npucus.com

[NPU관세사무소 프로모션 페이지] https://www.tradenpu.com/npu_cus/

[무역비지니스 인텔리전스 서비스 | TradeNPU] https://www.tradenpu.com​

[파이썬 실용 예제. 무역과 공공데이터] https://pdatinmylife.tistory.com

​

Certified Customs Broker JangJu Goh

Executive Customs Broker @ NPU Customs Consulting

CEO @ JG TradePlus

​

sales@npucus.com

Trade Compliance / Customs clearance management at foreign company

Working experience of Air export freight forwarding

Data Visualization / Independent development of business automation application – copyright of JGPO_Manager, JG Data Center, AutoCC and etc.

B2B consignment & direct export/import, B2C Overseas Buying Office consulting

Alibaba.com B2B trade / taobao B2C trade / Amazon.com global selling etc. Online trade regulation consulting.

Import license / Quarantine

English communication available

​

[TradeNPU for partnership proposal - JGTP] https://www.tradenpu.com/jgtp/

 

 

"본 저작물은 대한무역투자진흥공사(KOTRA)에서 2020년 작성하여 공공누리 제1유형으로 개방한 '대한무역투자진흥공사_해외시장조사데이터(작성자: KOTRA 시장정보팀)'을 이용하였으며, 해당 저작물은 'KOTRA open API 서비스, http://apis.data.go.kr/B410001/ovseaMrktDataService/ovseaMrktData'에서 무료로 다운받으실 수 있습니다."