plotly js

qkddnjs31·2022년 4월 19일
0

dashboard

목록 보기
1/1

plotly js란?

plotly js란, 데이터를 dashboard를 통해 시각화 시켜주는 도구이다.
(plotly js는 자바스크립트 안에서 사용된다.)

plotly js를 사용하게 된 이유는?

  • 회사에서 프로젝트에서 dashboard 구현을 담당하였다.

  • 개발자로서 첫 회사에 입사하였고, 프로젝트 경험도 거의 없었다.
    dashboard 구현 업무를 받았을 때, plotly를 사용하는 것을 추천받았다.

    -> 구현 후에 생각이 드는 부분이지만, 위의 내용은 부끄러운 고백이다. 
    개발자를 직업으로 생각한다면서, 개발을 도와주는 라이브러리가 있다는 것에 대해 인지하지 못했고, 
    추천받았다는 이유만으로 사전조사 없이 덥석 했다는 점이 부끄럽다.

plotly js 후기

1) 장점

  • 주석의 자유도가 높다.
    : 어디까지나 나의 의견이지만, plotly의 장점은 주석에 있다고 생각한다.
    비교상대를 찾자면 ApexChart js와 비교할 때 그 점을 느꼈다.
    프로젝트에서 dashboard를 구현하는 도구로 plotly를 사용하다가
    중간에 ApexChart로 바꾸려는 도전을 했었다.
    하지만 결국에는 plotly를 사용하여 프로젝트를 마무리하였다.
    그 이유는 바로 '주석' 때문이다.
    plotly의 경우 주석을 활용하여 선(line)과 text를 입력하는 데에 color 및 길이를 자유롭게 조절할 수 있지만,
    ApexChart의 경우 plotly 만큼의 주석에 대한 자유도가 없기 때문이다.

2) 단점

장점은 한 가지이나, 단점은 여러 가지이다. (전적으로 저의 주관적인 생각입니다.)

  • docs가 친절하지 못하다.
    : ApexChart와 비교했을 때, 그 차이가 두드러졌다. 예를 들어 line의 디자인을 점선(dots)로 구현하려고 조사하면, plotly의 docs에서는 찾는데 8분이 소요될 것이고, ApexChart에서는 3분이 소요될 것이다. plotly의 docs는 정보가 한 눈에 들어오지 않는다.

  • 막대그래프의 border-raidus기능 상실
    : 디자인 적으로 막대 그래프에 border-radius 기능을 입혀햐 했는데,
    plotly에는 해당 기능이 없다.

  • gradient(그라데이션)기능의 부족
    : graph의 line에 fill 효과를 주거나 line자체에 gradient(그라데이션) 기능이 없다고 봐도 무방하다.

3) 깨달은 점

  • 라이브러리를 사용할 때는 docs를 가장 먼저 찾아본다.
  • dashbaord는 data와 layout으로 나뉘어진다.
profile
I can do it

0개의 댓글