chatgpt 데이터 시각화 차트 만들기
데이터 시각화는 복잡한 정보를 단순화하고 통찰력을 제공하는 데 중요한 역할을 합니다. 이 글에서는 ChatGPT 데이터 시각화하는 방법과 이 과정을 통해 어떻게 시간을 절약할 수 있는지 소개합니다. 가장 중요한 점은 사용자가 원하는 데이터를 제공하기만 하면, GPT가 데이터 정리부터 코드 작성까지 모두 처리한다는 것입니다.
1단계: ChatGPT에 데이터 제공
첫 번째 단계는 원하는 데이터를 수집하는 것입니다. 이 사례에서는 직급별로 구분된 다양한 산업 분야의 평균 연봉 데이터를 사용해 보겠습니다. 수집한 데이터를 ChatGPT에 제공합니다. 이때, 데이터가 표 형식으로 정리될 수 있도록 요청합니다.
위와 같이 표 형태로 바로 정리해줍니다. 표로 정리하는것은 chatGPT가 가장 빠르고 정확하게 잘 하는 일 중 하나입니다.
2단계: 데이터 정리
저는 해당 정보로 차트를 만들고 싶은데 연봉이 너무 많은 자리를 차지할 것 같아 조금 더 간결하게 정리해 보겠습니다. 간단하게 평균연봉 표현 형식을 5,200만원과 같이 변경해 달라고 합니다. 아래와 같이 잘 수정해 주었습니다. 데이터를 원하는 형태로 정리할 때 chatGPT를 사용하면 엑셀을 사용하는것보다 더욱 빠르게 원하는 형태를 얻을 수 있습니다.
3단계: HTML 및 JavaScript 코드 생성
원하는 데이터의 형태가 갖추어졌다면 ChatGPT가 제공된 데이터를 기반으로 HTML 테이블과 JavaScript를 이용한 시각화 코드를 생성합니다. 이 코드는 웹 페이지에서 직접 사용할 수 있도록 설계되어 있습니다.
HTML과 Javascript 두 개의 코드를 GPT가 생성해줍니다. 먼저 html에서 상단 ‘Copy code’를 클릭하여 코드를 복사하고 메모장에 붙여 넣습니다. (메모장 외 다른 텍스트 편집기를 사용해도 됩니다.) 그리고 javascript 코드를 복사하여 방금 붙여넣은 html 코드 중, ‘데이터와 차트 설정을 여기에 작성할 것입니다.’ 부분에 붙여넣습니다.
4단계: 코드 적용 및 시각화
3단계까지 작업한 파일을 확장자 html 형식으로 저장하여 웹페이지로 열면 직관적인 그래프와 차트를 통해 데이터를 시각적으로 분석할 수 있습니다. 이 글에서는 온라인 뷰어를 통해 차트를 확인해 보도록 하겠습니다.
W3school Tryit Editor 웹사이트에 방문합니다. 왼쪽 창에 텍스트 편집기의 내용을 전체 복사하여 붙여넣고 ‘Run’ 버튼을 클릭합니다. 아래와 같이 우측에서 차트를 확인할 수 있습니다. html이나 css를 조금 다룰줄 안다면 라인, 색상, 텍스트 등의 요소 스타일을 수정하여 원하는 디자인으로 변경할 수도 있습니다. 문서나 웹사이트의 근거 자료로 사용한다면 해당 차트를 스크린샷하여 첨부하면 데이터의 이해를 도울 수 있습니다.
결론
이글은 디자이너 외 일반 직장인에게도 매우 유용한 내용입니다. ChatGPT를 활용한 데이터 시각화는 데이터 분석과 의사결정 과정을 간소화하고 가속화하는 데 큰 도움이 됩니다. 이 가이드를 통해, 복잡한 데이터도 쉽고 빠르게 시각화하는 방법을 익히고 활용해 보세요.
Great information shared.. really enjoyed reading this post thank you author for sharing this post .. appreciated
For the reason that the admin of this site is working, no uncertainty very quickly it will be renowned, due to its quality contents.
I really like reading through a post that can make men and women think. Also, thank you for allowing me to comment!