안녕하세요. 저는 직장생활을 하면서 노션을 정말 많이 사용하고 있는데요, 지금은 업무 관리, 더 나아가서 팀내 협업을 위해서 Notion을 사용하고 있습니다. 노션의 데이터 베이스도 정말 좋고 MS에 비유하면 Word, Excel 및 PPT의 기능을 모두 합친 올인원의 기능이 있는데요, 한가지 아쉬운 점은 차트를 노션 자체에서 만들 수 없다는 것입니다. 그래서 무료 툴인 GRID를 활용하여 Notion 포트폴리오에 멋진 차트와 그래프를 넣는 방법을 알아보겠습니다.
GRID를 활용한 노션 차트 및 그래프 생성
자!! 방법은 정말 간단 합니다. GRID 홈페이지를 통해 구글 로그인 혹은 계정을 만들어 주세요.
GRID에 데티어 불러오기
처음 로그인 하시면 아래와 같이 첫 홈화면이 나오는데요. 여기서 New Document를 클릭해서 데이터 편집 페이지로 들어갑니다.
처음 하실때는 저같이 차트 화면은 안보이고 빈 화면만 보일 텐데요, 여기서 빨갛게 표시된 것 처럼 편집 항목을 클릭 해주세요.
자 다음으로 엑셀 혹은 구글 시트와 같은 본인이 데이터를 관리하고 있는 곳에서 데이터를 업로드해주시면 됩니다. 여기서 Upload from your computer를 클릭하시면 됩니다.
차트 & 그래프 생성을 통한 데이터 시각화
이제 데이터 불러오는 작업은 모두 끝났고, 어떤 데이터를 선택해서 차트 및 그래프를 생성할지 선택해주시면 됩니다. 오른 쪽 아래를 보시면 “Add data”와 엑셀 표시를 클릭합니다.
그리고 아래 창이 지금 너무 좁기 때문에 보기 좋게 올려줍니다.
데이터가 업로드가 다 되었습니다. 이제 만들고자 하는 차트 그래프를 선택해주시면 되는데요, 차트 종류는 아주 다양하고요, 원하시는 차트를 선택하고 그에 맞는 데이터를 선택하시면 됩니다. 저는 Combo Chart를 선택 했는데요, 이런식으로 우측에 편집 툴이 나타나게 됩니다. 여기서 부터는 일반 적인 엑셀이나 구글시트에서 차트 편집 하는 개념과 비슷하다고 보시면 됩니다.
차트 & 그래프의 색상도 원하시는 데로 꾸며주시면 됩니다.
정말 쉽죠? 이제 모든 준비가 끝낫다면 링크를 복사해서 노션의 임베드(Embed)에 붙여 넣기만 하면 끝났습니다. 저는 색상을 비슷하게 했지만 각 막대 그래프 별로 색상을 다르게도 만들 수 있습니다. Custom에서 누르시다 보면 바로 확인 하실 수 있으니 테스트 해보시면 좋겠습니다.
Onedrive 클라우드 소스를 통한 데이터 실시간 연동 및 차트 & 그래프 시각화
위에서 GRID 툴을 사용하여 노션에 데이터를 시각화 하여 차트 및 그래프를 만드는 방법을 알아보았습니다. 그런데 방대한 데이터를 다루시는 분들은 매번 데이터가 업데이트 될때 마다 파일을 업로드하고 새로 데이터를 정렬하기엔 불필요한 시간과 노력이 소요됩니다. 그래서 GRID에서는 Onedrive나 각종 cloud툴에서 데이터를 실시간 연동할 수 있는 기능이 있는데요. 그 방법에 대해서 말씀 드리겠습니다.
GRID와 클라우스 소스(Cloud source) 연결
위에서 보여드린 데이터 업로드 때와 마찬가지로 Add data를 클릭하시면 아래 처럼 보이는데요, 이번엔 클라우드 데이터를 연동 시켜야 하니까 Connect a cloud source를 클릭합니다. 클릭 후에 연동한다는 확인을 눌러주시면 됩니다. 끝났습니다. 정말 쉬운데요, 원하는 파일을 클릭만 하시면 나머지는 위의 upload 한것과 같이 동일하게 시각화할 데이터를 선택해주시면 됩니다. 원드라이브 링크: https://www.microsoft.com/ko-kr/microsoft-365/onedrive/online-cloud-storage
GRID 사용 후기 및 장단점
무료툴이지만 정말 손쉽게 많은 데이터 소스에서 데이터를 가져올수 있고, 시각화 까지 정말 쉬운 툴이었습니다. 그렇지만 제가 실사용 해본 후기 및 장단점을 말씀드리겟습니다.
GRID 후기
유료 버전도 있는 것 같지만, 저도 절대 데이터양이 적은게 아님에도 불구하고 현재까지도 무료로 상당히 양질의 차트 및 그래프를 만들고 노션에 시각화 할 수 있었습니다. 노션이 데이터베이스에 정말 최적화 되어있지만, 아직 시각화를 위한 그래프 및 차트 기능은 없습니다. 그래서 GRID가 이 역할을 해줌으로써 저에게는 큰 역할을 해주었습니다. 팀내 진행상황이나, 출장 현황 등에 대해서 사용하고 있으며, GRID 홈페이지 자체도 굉장히 깔끔하고 광고도 없이 아주 사용하기 편하게 쉽게 구성되어 있습니다.
GRID 장단점
| 장점 | 단점 |
| 데이터 불러오기가 편하다. | 엑셀과 구글 시트와 비교하자면 당연히 색상과 유연함은 부족하다. |
| 데이터 연동이 정말 쉽고 빠르다. | 데이터 불러오기만 될뿐 자체에서 데이터 편집은 불가하다. |
| 클라우드 소스에서 데이터 실시간 연동이 가능하다. | |
| 무료 버전으로 아주 양질의 시각화를 할 수 있다. | |
| 홈페이지 구성이 아주 편리하게 되어있다. | |
| 다양한 차트와 그래프를 사용할 수 있다. |
GRID 유료 버전 및 요금제
무료 요금제로도 충분히 사용할 수 있지만, 더 많은 클라우드와 더 많은 문서를 다루는 분들을 위해서 요금제도 알아보겠습니다.
요금 페이지: https://grid.is/settings/billing
무료 요금제
- 최대 3개 문서
- 문서당 클라우드 통합문서 1개
- 사용자정의색상및글꼴
Plus 요금제(29$/month)
- 최대 10개 문서(Up to 10 docs)
- 문서당 여러 클라우드 통합 문서(Multiple cloud workbooks per doc)
- 문서통계(Document statistics)
- 워터마크 없는 삽입(Watermark-free embeds)
- PDF로 내보내기(Export to PDF)
- 양식 제출(Form submissions)
- 우선 지원(Priority support)
프로 요금제(49$/month)
- Plus 요금제 해당하는 기능 모두 포함
- 최대 500개 문서(Up to 500 docs)
- 공동 편집(Collaborative editing)
- 기업을 위한 도메인 업그레이드(Domain upgrade for companies)
- 독점지원(Exclusive support)
노션에 움직이는 애니메이션을 연동해서 생동감 넘치는 노션 페이지를 구성하고 싶다면 아래 링크를 참고바랍니다.