chatgpt 데이터 시각화 차트 만들기

데이터 시각화는 복잡한 정보를 단순화하고 통찰력을 제공하는 데 중요한 역할을 합니다. 이 글에서는 ChatGPT 데이터 시각화하는 방법과 이 과정을 통해 어떻게 시간을 절약할 수 있는지 소개합니다. 가장 중요한 점은 사용자가 원하는 데이터를 제공하기만 하면, GPT가 데이터 정리부터 코드 작성까지 모두 처리한다는 것입니다.

1단계: ChatGPT에 데이터 제공

첫 번째 단계는 원하는 데이터를 수집하는 것입니다. 이 사례에서는 직급별로 구분된 다양한 산업 분야의 평균 연봉 데이터를 사용해 보겠습니다. 수집한 데이터를 ChatGPT에 제공합니다. 이때, 데이터가 표 형식으로 정리될 수 있도록 요청합니다.

chatgpt 데이터 시각화
chatgpt 데이터 시각화

위와 같이 표 형태로 바로 정리해줍니다. 표로 정리하는것은 chatGPT가 가장 빠르고 정확하게 잘 하는 일 중 하나입니다.

2단계: 데이터 정리

저는 해당 정보로 차트를 만들고 싶은데 연봉이 너무 많은 자리를 차지할 것 같아 조금 더 간결하게 정리해 보겠습니다. 간단하게 평균연봉 표현 형식을 5,200만원과 같이 변경해 달라고 합니다. 아래와 같이 잘 수정해 주었습니다. 데이터를 원하는 형태로 정리할 때 chatGPT를 사용하면 엑셀을 사용하는것보다 더욱 빠르게 원하는 형태를 얻을 수 있습니다.

chatgpt 데이터 시각화

3단계: HTML 및 JavaScript 코드 생성

원하는 데이터의 형태가 갖추어졌다면 ChatGPT가 제공된 데이터를 기반으로 HTML 테이블과 JavaScript를 이용한 시각화 코드를 생성합니다. 이 코드는 웹 페이지에서 직접 사용할 수 있도록 설계되어 있습니다.

chatgpt 데이터 시각화
chatgpt 데이터 시각화

HTML과 Javascript 두 개의 코드를 GPT가 생성해줍니다. 먼저 html에서 상단 ‘Copy code’를 클릭하여 코드를 복사하고 메모장에 붙여 넣습니다. (메모장 외 다른 텍스트 편집기를 사용해도 됩니다.) 그리고 javascript 코드를 복사하여 방금 붙여넣은 html 코드 중, ‘데이터와 차트 설정을 여기에 작성할 것입니다.’ 부분에 붙여넣습니다.

4단계: 코드 적용 및 시각화

3단계까지 작업한 파일을 확장자 html 형식으로 저장하여 웹페이지로 열면 직관적인 그래프와 차트를 통해 데이터를 시각적으로 분석할 수 있습니다. 이 글에서는 온라인 뷰어를 통해 차트를 확인해 보도록 하겠습니다.

W3school Tryit Editor 웹사이트에 방문합니다. 왼쪽 창에 텍스트 편집기의 내용을 전체 복사하여 붙여넣고 ‘Run’ 버튼을 클릭합니다. 아래와 같이 우측에서 차트를 확인할 수 있습니다. html이나 css를 조금 다룰줄 안다면 라인, 색상, 텍스트 등의 요소 스타일을 수정하여 원하는 디자인으로 변경할 수도 있습니다. 문서나 웹사이트의 근거 자료로 사용한다면 해당 차트를 스크린샷하여 첨부하면 데이터의 이해를 도울 수 있습니다.

chatgpt 데이터 시각화

결론

이글은 디자이너 외 일반 직장인에게도 매우 유용한 내용입니다. ChatGPT를 활용한 데이터 시각화는 데이터 분석과 의사결정 과정을 간소화하고 가속화하는 데 큰 도움이 됩니다. 이 가이드를 통해, 복잡한 데이터도 쉽고 빠르게 시각화하는 방법을 익히고 활용해 보세요.

참고

Leave a Comment