AI 에게 차트 그리는것 시켜보기
Aug 31, 2024
대 AI 시대가 온것 같다. 회사일을 하면서 계속 도움을 받고 있는데, 성능이 정말 좋아져서 개발하는 시간이 상당히 단축되고 있다. 오늘은 이 AI 에게 차트를 그리는 코드를 작성하도록 시켜본 경험을 공유하고자 한다.
차트를 그리는데 스타일링 하는게 항상 시간이 많이 걸리는데 (라이브러리가 좋아져서 머릿속의 차트를 구현하는건 상대적으로 쉬운것 같다.) 이미지를 주고 컬러셋을 추출해서 차트를 그리는 코드를 작성하도록 하면 어떨까 하는 아이디어가 떠올랐다.
그래서 ChatGPT, 구글 제미나이, Cloude sonnet 을 테스트 해보기로 했다. 참고로, 이 정도 테스트는 무료 버전으로도 가능하다.
나는 웹 개발자야. 차트 이미지를 캡처해서 동일한 스타일로 코드를 작성해주는 어플리케이션을 만들어보려고 해. 라이브러리는 recharts 를 사용할 거야. 그리고 캡처 이미지는 노이즈가 없고, 퀄리티가 좋은 이미지이고 차트 범례에 들어간 컬러를 제대로 추출하는게 중요한 일이야. 이 이미지의 컬러로 차트를 만드는 코드를 작성해줘.
이것이 추출에 사용한 프롬프트이다. 그리고 amchart 페이지의 가장 기본 데모를 캡쳐해서 보여줬다.
- ChatGPT 가 그려준것
- 구글 제미나이가 그려준것
- Claude sonnet 가 그려준것
결론
확실하지는 않지만 이미지의 색상을 추출하는 알고리즘이 있을텐데, 프롬프트가 디테일할수록 확률은 높아지는것 같다. 오늘의 테스트로는 Claude sonnet 이 제일 비슷한 색상을 뽑아주긴 했지만 결국 완벽하지는 못해서, 똑같은 색상을 넣으려면 사람 손을 한번 거쳐야 하는것 같다.
데이터셋과 색상값이 있는 샘플 이미지를 함께 넣어주면 정확한 값 + 비슷한 색상으로 차트를 그려주기는 할것 같다. 거기에 다른 부분만 수정할 수 있도록 어플리케이션을 만든다면 사람의 반복작업이 좀 줄어들수 있지는 않을까?
Share article
