[python] python 으로 대시보드 만들기 - ChatGPT 도 안 알려준 대시보드 라이브러리 [2탄] Jupyter-flex

지난 1탄에서 예고한 바와 같이 두번째 라이브러리를 들고 왔다. 

바로 Jupyter-flex 이다. 

---

참고 ) 1탄 내용 보러가기

[python] python 으로 대시보드 만들기 - ChatGPT 도 안 알려준 대시보드 라이브러리 [1탄] Datapane

---

 

1탄에서 얘기했던것과 같이 내가 Python 대시보드의 여러 라이브러리를 찾아 헤맷던 건 R의 Flex 대시보드를 보고서 였다. 

그렇다면 Flex 대시보드가 뭐길래 그렇게 부러워 했던것인가!?

Google 에서 Flex 대시보드를 검색하면 아래와 같이 여러 이미지를 볼 수 있다. 

 

메뉴도 만들 수 있고, 다양한 대시보드 아이템들을 사용할 수 있다. 

나도 분석 결과를 저렇게 예쁜게 만들어서 보여주고 싶은데 ... (욕심나지만 그렇다고 R 로 넘어갈 수는 없다..😭) 하면서 열심히 라이브러리를 찾았더랫다. 

출처 : Google 검색결과

 

그렇게 찾아 헤매다 만난것이 Jupyter-flex 이다.

Jupyter-flex 는 R의 Flex 대시보드와 이름도 비슷하고 형태도 많이 닮았다. 

https://jupyter-flex.danielfrg.com/

Jupyter-flex

 

사용해보기

특이하게도 이번 라이브러리는 Jupyter notebook 의 Tag 기능과 Markdown 을 이용해서 사용한다. (쉽다 쉬워)

🔑 Jupyter notebook에서 Tag 활성화하기 

     View > Cell Toolbar > Tags

 

🔑 Jupyter notebook 에서 셀 속성 Markdown 으로 변경하여 Layout 값 지정하기

     보통 셀 속성이 Code 로 되어있는데, 이 속성을 Markdown 으로 변경하여 작업해야 레이아웃 속성이 먹힌다.

 

🔑 HTML export 

    File > Download as > Flex Dashboard(.html)

    (HTML 아니고 Flex Dashboard 로 해야 한다!)

 

Jupyter flex 는 예제 페이지가 잘 되어 있어서 예제페이지로 대신한다. 

https://jupyter-flex.danielfrg.com/examples/plotly.html

Plotly plots

 

 

✅ 더 많은 예제는 여기에서 확인 가능합니다.

Jupyter-flex

 

 

대시보드 만들기 참 쉽죠 !? 

다음은 대시보드를 git page 로 리포트 할 수 있는 방법을 적어보려고 한다. 

포트폴리오 작성시에도 제출하기 좋아서 알아두면 여러모로 쓸모있을 방법!! 

ex) https://bannanaa.github.io/banana/test.html

https://bannanaa.github.io/banana/test.html

 

그럼 오늘은 여기까지!