PapaParse
CSV 자동 분석기 (DataLens)
해결하는 문제
CSV를 받을 때마다 엑셀을 열어 차트를 다시 만든다.
CSV를 끌어다 놓으면 열의 종류를 스스로 파악해 차트 6종을 자동으로 만들고, 끌어서 쓰는 피벗 표를 제공합니다.
서버 의존도
외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것CSV 파일
브라우저가 하는 일열마다 숫자·날짜·범주를 판별하고 집계
나오는 것자동 차트 6종과 피벗 표
쓰는 브라우저 기술
File APIDrag & DropCanvas
라이브러리와 모델
PapaParseChart.js
바꿀 수 있는 옵션
- 인코딩 (UTF-8, EUC-KR)
- 차트 종류 우선순위
- 피벗 행·열·값
자주 막히는 곳
- 한글 CSV는 EUC-KR이라 기본 설정으로 읽으면 깨진다
- 행이 수십만 개면 차트가 느려진다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 표를 보고 핵심 발견을 문장으로 써 주는 분석 비서
웹 서비스
- 망분리 통계 확인 도구
피지컬 AI
- 센서 기록 파일 즉석 분석
넓히는 방법
- 엑셀 파일 지원 (SheetJS)
- 분석 결과 PDF 보고서
- AI 해설 문장
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
CSV를 끌어다 놓으면 열 종류를 자동으로 파악해 차트 6종을 그려 주고, 드래그로 쓰는 피벗 표가 있는 웹페이지를 PapaParse와 Chart.js로 만들어줘.
같은 분류의 능력
05 데이터 분석·대시보드에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md