AI를 활용한 피시본 다이어그램 생성 편집기

몇달 전에 만다라트 다이어그램을 LLM 을 사용해서 64개의 주제와 소주제를 만드는 간단한 키워드 프로그램으로 워크샵 참석자에게 뭔가 먼저 채워줄 수 있는 기능을 구현해 본 작업을 했습니다.

간단하게 이것저것 실험을 했고 네모박스에 가까운 것이라 한계가 있어 이번에는 조금 그림같은 느낌에 편집기능을 추가한 다이어그램을 생성해보기로 했습니다.

이시카와 다이어그램(Fishbone Diagram)의 개념, 용도 및 관련 기술 개발에 대한 이해를 돕기 위해 작성되었습니다.

이시카와 다이어그램의 정의: 이시카와 다이어그램은 문제의 원인을 분석하기 위한 시각적 도구입니다. 물고기 뼈와 유사한 형태를 가지며, 문제가 중심의 “가시”를 이루고 원인 또는 영향이 “살”처럼 붙어 있는 구조입니다. 카오루 이시카와 박사가 발명했습니다.

먼저 테슬라 관련 뉴스를 하나 복사해서 입력하고 -> 생성 -> 편집 과정을 끝내면 하나의 다이어그램이 완성되며 편집 수정이 가능해서 정리된 글과 그림을 보시는 분에게 도움이 될 거예요

Ollama Gemma3:4b LLM을 사용해서 뉴스기사, 블로그 글 등 각종 프레임워크로 디자인 편집할 수 있는 기능을 만들었습니다.

인포그래픽이나 어떤 그래픽 작업도 가능하게 기본 출력물을 svg, json, 상용 LLM 및 Canva, AdobeExpress 에 보내서 다시 기계가 그리기 쉽게 바꾸고 있습니다.

옵시디언 플러그인으로도 생각은 하고 있으며 디자인 편집이 화면 상에서 가능합니다. (결론은 인디자인이나 편집프로그램으로 보내기 위한 레이아웃 데이터 생성이 목적입니다.) 하루에 하나씩 이런거 만들고 어디에 올려야 하나 지금 고민중입니다. 회사 서버를 줄이고 AI가 빨리 돌아가는 서버로 바꿀까 했는데 비용이 만만치 않네요