여러분 안녕하세요, 정보 디자이너 ssen입니다.

요즘 AI로 그래프를 만들어달라고 할 때, 다짜고짜 "이런 차트 그려줘"부터 시작하는 분들이 많으실 텐데요.

저도 몇 달간 다양한 인터랙티브 그래프를 AI와 함께 만들면서, 결과물의 품질을 가르는 건 코딩 실력이 아니라 프롬프트를 쌓는 순서라는 걸 알게 됐습니다.

여러 프로젝트를 정리하다 보니 반복해서 통하는 패턴들이 생기더라고요. 오늘은 그 중 두가지 부터 먼저 실제 사례와 함께 보여드리려고 합니다.(이미지를 클릭하면 실제 그래프를 볼 수 있습니다)

1. 코드보다 로드맵을 먼저 물어보세요

인구 변화를 보여주는 애니메이션 트리맵을 만들 때, 저는 바로 "코드 짜줘"라고 하지 않았습니다. 참고할 만한 예시를 먼저 보여주고, 방향부터 물었어요.

(이미지 업로드 후)이런 이미지를 참고해서, 애니메이션으로 점점 늘어나는 트리맵을 만들고 싶어. 먼저 적절한 데이터셋을 추천해줘. 한국 광역시도별 인구 정도가 적당할 것 같은데, 다른 좋은 옵션이 있으면 알려줘.

움직이는 트리맵 보러가기 -클릭🌱

이렇게 물으면 AI가 그래프로 적절히 변환할 수 있는 데이터의 형식과 범위를 지정해줍니다. 개중에는 데이터에 어울리는 그래프를 고르기도 하지만 이렇게 미리 만들어놓는 ai그래프의 경우 적절한 데이터 셋과 그래프를 셋팅하고 나중에 데이터를 바꿔 끼우는 방식으로 작업하기도 합니다.

핵심: "만들어줘"보다 "이 방향이 맞는지 먼저 봐줘"가 먼저입니다.

2. 모호한 지시는 AI에게 옵션으로 되묻게 하세요

경력단절 비율을 와플차트(사각형 100개로 채우는 차트)로 표현할 때, 저는 "오른쪽 아래부터 채워지는 애니메이션"을 원했습니다. 그런데 이 표현, 사람마다 다르게 그릴 수 있는 말이더라고요. 그래서 숫자로 못박아서 확인했습니다.

왼쪽 위의 도형을 1번, 오른쪽 아래의 도형을 100번이라고 봤을 때, 100번째 도형부터 채워지면서 위로 올라오는 방식이야. 맞게 이해했어?

움직이는 와플차트 보러가기 -클릭🌱

이 한 문장 덕분에 AI가 "채워지는 시작점"과 "진행 방향" 두 가지 해석 중 제가 원하는 쪽으로 정확히 구현했습니다. 애매한 지시를 던지고 결과가 틀리면 다시 설명하는 것보다, 처음부터 기준점을 숫자로 정해서 확인받는 게 훨씬 빠릅니다.

핵심: "이런 느낌으로"가 아니라 "1번부터 100번까지 순서로 치면"처럼 기준을 숫자로 못박으세요.

오늘은 두 가지 패턴까지 정리해 봤습니다. 다음 뉴스레터에서 조금 더 다양한 그래프와 ai 프롬프트 패턴을 알려드릴게요.