Skip to content
@MAC-MakeAnimationChart

MAC-MakeAnimationChart

🎨 MAC (Make A Chart)

비개발자를 위한 한국형 No-Code 시각화 웹서비스


🧭 Overview

MAC은 데이터를 넣기만 하면 누구나 빠르게 차트를 생성하고 수정할 수 있는 시각화 편집 도구입니다.

기존 복잡한 분석 툴과 달리, 단계형 사용자 흐름을 통해 비전공자도 쉽게 결과물을 만들 수 있도록 설계되었습니다.


🎯 Core Message

MAC은 전문가용 분석 툴이 아니다.

MAC은 👉 데이터를 빠르게 시각화하고 👉 원하는 스타일로 쉽게 수정할 수 있도록 돕는

한국형 No-Code 시각화 편집기를 목표로 합니다.


🚀 Goal

  • 📅 2026년 6월 15일 베타 출시
  • 차트 생성 → 편집 → 저장 → 다운로드 → 공유까지 가능한 서비스 완성

⚠️ Problem

기존 시각화 도구들은

  • 영어 중심 UI
  • 복잡한 설정 구조
  • 과도한 선택지 제공

👉 비전공자가 사용하기 어려움


✅ Solution

MAC은 아래와 같은 흐름으로 문제를 해결합니다:

차트 선택 → 데이터 입력 → 옵션 조정 → 결과 확인 → 저장/공유

👉 사용자는 도구를 배우는 것이 아니라 👉 단계를 따라 결과물을 만드는 경험을 하게 됩니다.


👥 Target Users

🎯 베타 타깃

숏폼·발표·과제용으로 빠르게 시각화를 만들고 싶은 비전공자


📌 주요 사용자

  • 🎥 유튜브/숏츠용 Bar Chart Race 제작자
  • 🎓 발표 자료가 필요한 대학생
  • 📊 엑셀 데이터 기반 시각화가 필요한 사용자
  • 📈 데이터는 있지만 디자인이 어려운 사용자

🌟 Key Features

번호 기능 설명
1 한글 중심 No-Code 국내 사용자 친화적인 UI
2 단계형 차트 생성 직관적인 흐름 제공
3 차트 편집 기능 색상, 정렬, 라벨 등 직접 수정
4 차트 추천 (예정) 데이터 기반 자동 추천
5 확장성 AI, 커뮤니티 기능 확장

🧩 Template-Based Architecture

MAC은 차트를 “템플릿 구조”로 관리합니다.

📌 예시

차트 데이터 구조 주요 옵션
Bar Chart category, value 색상 / 정렬 / 라벨
Line Chart x, value 선 두께 / 마커
Pie / Donut category, value 색상 / 도넛 두께
Bar Chart Race time, category, value 속도 / top N

💡 장점

  • 차트 확장 용이
  • 유지보수 효율성
  • FE/BE 협업 구조 통일

🛠 Tech Stack

구성 기술
Frontend React / Next.js / TypeScript
Chart Engine Apache ECharts
Backend Next.js API / FastAPI
Database Supabase

📌 Development Principles

  • 🎯 기능보다 사용자 흐름 우선
  • 🧩 구조는 단순하게
  • 🚀 작은 단위로 빠르게 개발

👥 Team

부서 역할 이름
PM 📊PM 송형우
BE 📊PM 김용준
BE 🧑‍💼팀장 김동훈
BE 🧑‍💻팀원 고성민
BE 🧑‍💻팀원 박정민
BE 🧑‍💻팀원 이강욱
BE 🧑‍💻팀원 전선경
BE 🧑‍💻팀원 전지원
FE 🧑‍💼팀장 김태완
FE 🧑‍💻팀원 곽시윤
FE 🧑‍💻팀원 우석민
FE 🧑‍💻팀원 이성빈
FE 🧑‍💻팀원 정예빈
FE 🧑‍💻팀원 정제이
FE 🧑‍💻팀원 황정화

📂 Repository Structure

FE → 프론트엔드 (React)
BE → 백엔드 (API / 데이터 처리)
.github → 템플릿 및 협업 규칙 관리

🔥 Workflow

Issue 생성 → 브랜치 생성 → 개발 → PR → Merge → 자동 Close

📌 Commit Convention

feat: 기능 추가
fix: 버그 수정
refactor: 구조 개선
style: UI 변경
docs: 문서 수정

🚀 Vision

MAC은 단순한 차트 생성기를 넘어

👉 데이터 시각화의 진입장벽을 낮추는 플랫폼으로 성장하는 것을 목표로 합니다.

Popular repositories Loading

  1. FE FE Public

    JavaScript

  2. .github .github Public

    Organization profile

  3. BE BE Public

    Java

  4. MAC-FE MAC-FE Public

    JavaScript

Repositories

Showing 4 of 4 repositories

Top languages

Loading…

Most used topics

Loading…