RAWGraphs

개요 / Overview

RAWGraphs는 밀라노 폴리테크닉 대학교(Politecnico di Milano)의 DensityDesign 연구소에서 개발한 오픈소스 웹 기반 시각화 도구입니다. 대부분의 사람들의 데이터가 있는 스프레드시트 도구와 디자이너가 작업을 마무리하고 싶어하는 벡터 그래픽 편집기 사이의 간극을 메우는 독특한 위치를 차지하고 있습니다. 핵심 워크플로우는 데이터를 붙여넣고, 변수를 시각 채널에 매핑한 뒤, SVG로 내보내 Illustrator, Figma, Inkscape에서 다듬을 준비를 하는 것입니다.

RAWGraphs is an open-source, web-based visualization tool developed at Politecnico di Milano's DensityDesign research lab. It occupies a unique niche: bridging the gap between spreadsheet tools (where most people's data lives) and vector graphics editors (where designers want to finish their work). The core workflow is paste data in, map variables to visual channels, and export as SVG — ready for refinement in Illustrator, Figma, or Inkscape.

RAWGraphs를 특별하게 만드는 것은 다른 노코드 도구들이 외면하는 흔치 않은 차트 유형에 대한 집중입니다. 대부분의 도구가 막대 차트와 산점도에서 멈추는 반면, RAWGraphs는 범프 차트, (샌키와 유사한) 충적도, 등고선 플롯, 비스웜 플롯, 선버스트 다이어그램, 평행 좌표 플롯을 제공합니다. 이 덕분에 표준적인 비즈니스 차트 레퍼토리를 넘어서는 시각화가 필요한 연구자와 디자이너에게 매우 유용합니다.

What makes RAWGraphs special is its focus on uncommon chart types that other no-code tools ignore. While most tools top out at bar charts and scatter plots, RAWGraphs offers bump charts, alluvial diagrams (Sankey-like), contour plots, beeswarm plots, sunburst diagrams, and parallel coordinates. This makes it invaluable for researchers and designers who need visualizations that go beyond the standard business chart repertoire.

RAWGraphs 2.0은 전적으로 브라우저 안에서 실행됩니다 — 데이터가 사용자의 기기를 벗어나지 않아 클라우드 기반 도구에서 발생하는 개인정보 우려를 해소합니다. 무료이며 오픈소스(Apache 2.0 라이선스)이고, 자체 호스팅하거나 rawgraphs.io에서 바로 사용할 수 있습니다.

RAWGraphs 2.0 runs entirely in the browser — your data never leaves your machine, addressing privacy concerns that arise with cloud-based tools. It is free, open-source (Apache 2.0 license), and can be self-hosted or used directly at rawgraphs.io.

강점 / Strengths

• 완전히 무료이며 오픈소스(Apache 2.0)로, 계정이 필요하지 않습니다
• Completely free and open-source (Apache 2.0) with no account required
• 데이터가 브라우저 안에 머물러 있습니다 — 어떤 서버에도 업로드되지 않습니다
• Data stays in your browser — nothing is uploaded to any server
• 벡터 그래픽 도구에서 추가 편집을 위한 뛰어난 SVG 내보내기
• Excellent SVG export for further editing in vector graphics tools
• 노코드 도구에서는 좀처럼 찾아볼 수 없는 특이한 차트 유형(충적도, 비스웜, 등고선 등)을 지원합니다
• Supports unusual chart types rarely found in no-code tools (alluvial, beeswarm, contour, etc.)
• 깔끔하고 직관적인 변수-시각 채널 매핑 인터페이스
• Clean, intuitive variable-to-visual-channel mapping interface
• D3.js 기반으로, 고품질 벡터 출력을 만들어냅니다
• Built on D3.js, producing high-quality vector output
• 기관이나 수업용으로 자체 호스팅할 수 있습니다
• Can be self-hosted for institutional or classroom use
• DensityDesign 연구소에 의한 활발한 개발
• Active development by the DensityDesign research lab
• 조정 가능한 해상도로 PNG와 SVG 내보내기
• PNG and SVG export at configurable resolution

한계 / Limitations

• 출력물에 인터랙티브 요소가 없음 — 정적 이미지만 생성합니다
• No interactivity in output — produces static images only
• 차트를 온라인에 게시하거나 임베드할 수 없습니다(내보내기 전용 워크플로우)
• Cannot publish or embed charts online (export-only workflow)
• 데이터 변환이나 집계 기능이 없음. 데이터를 미리 처리해야 합니다
• No data transformation or aggregation capabilities; data must be pre-processed
• 도구 내 커스터마이징이 제한적임 — 세부적인 스타일링은 내보낸 후 편집이 필요합니다
• Limited customization within the tool — detailed styling requires post-export editing
• 대시보드나 다중 차트 레이아웃 기능이 없습니다
• No dashboard or multi-chart layout features
• 상용 도구에 비해 커뮤니티와 생태계가 작습니다
• Smaller community and ecosystem compared to commercial tools
• 일부 차트 유형은 배우는 데 시간이 걸리는 독특한 매핑 요구사항이 있습니다
• Some chart types have quirky mapping requirements that take time to learn
• 프로그래밍 방식 접근을 위한 API가 없습니다
• No API for programmatic access

이런 용도에 최적 / Best For

RAWGraphs는 관습에 얽매이지 않는 시각화를 만들고 벡터 편집 도구에서 다듬고 싶은 디자이너와 연구자에게 안성맞춤입니다. 특이한 형식(충적도, 평행 좌표 플롯, 선버스트 차트)으로 출판 수준의 그래픽이 필요하고 이후 Illustrator나 Figma에서 모든 시각적 디테일을 세밀하게 조정하고 싶은 학술적 맥락에서 빛을 발합니다. 데이터가 브라우저를 벗어나지 않기 때문에 개인정보에 민감한 맥락에도 이상적입니다.

RAWGraphs is perfect for designers and researchers who want to create unconventional visualizations and refine them in vector editing tools. It shines in academic contexts where you need publication-quality graphics in unusual formats (alluvial diagrams, parallel coordinates, sunburst charts) and want to fine-tune every visual detail in Illustrator or Figma afterward. It is also ideal for privacy-sensitive contexts since no data leaves the browser.

시작하기 / Getting Started

1. app.rawgraphs.io로 이동합니다
2. Go to app.rawgraphs.io
3. 스프레드시트에서 데이터를 붙여넣거나, CSV/TSV/JSON 파일을 업로드하거나, 샘플 데이터셋을 사용해봅니다
4. Paste your data from a spreadsheet, upload a CSV/TSV/JSON file, or try a sample dataset
5. RAWGraphs가 데이터를 파싱하여 열과 감지된 데이터 유형을 표시합니다
6. RAWGraphs parses your data and displays the columns and their detected types
7. 시각적 갤러리에서 차트 유형을 선택합니다(스크롤하여 모든 옵션을 확인)
8. Choose a chart type from the visual gallery (scroll to explore all options)
9. 열 이름을 매핑 슬롯으로 드래그하여 데이터 열을 시각 변수에 매핑합니다
10. Map your data columns to visual variables by dragging column names into the mapping slots
11. 커스터마이징 패널에서 차트 매개변수(색상, 정렬, 크기, 레이블)를 조정합니다
12. Customize chart parameters (colors, sorting, size, labels) in the customization panel
13. Export를 클릭하여 SVG(벡터 편집용)나 PNG(바로 사용용)로 다운로드합니다
14. Click Export to download as SVG (for vector editing) or PNG (for direct use)

충적도(샌키와 유사한) 다이어그램을 위한 예시 워크플로우:

Example workflow for an alluvial (Sankey-like) diagram:

1. 단계/범주를 나타내는 범주형 열이 있는 데이터를 준비합니다
2. Prepare data with categorical columns representing stages/categories
3. Alluvial Diagram 차트 유형을 선택합니다
4. Select the Alluvial Diagram chart type
5. 범주형 열을 Steps 매핑으로 드래그합니다
6. Drag categorical columns into the Steps mapping
7. 선택적으로 숫자 열을 Size에 매핑합니다
8. Optionally map a numeric column to Size
9. SVG로 내보낸 뒤 Figma/Illustrator에서 열어 최종 색상과 타이포그래피를 조정합니다
10. Export as SVG and open in Figma/Illustrator for final color and typography adjustments

지원 차트 유형 / Supported Chart Types

RAWGraphs는 독특한 컬렉션을 제공합니다: 막대 차트, 누적 막대 차트, 선 그래프, (스트림 그래프 형태의) 영역 그래프, 산점도, 버블 차트, 트리맵, 선버스트 다이어그램, 원형 덴드로그램, (샌키와 유사한) 충적도, 평행 좌표 플롯, (비스웜 방식의) 바이올린 플롯, 등고선 플롯, 범프 차트, 간트 차트 형태의 타임라인 차트, 컨벡스 헐 플롯, 육각형 비닝, 원 패킹, 보로노이 테셀레이션. RAWGraphs의 강점은 다른 노코드 도구들이 제공하지 않는 차트 유형에 있습니다 — 코드를 작성하지 않고 평행 좌표 플롯이나 충적도가 필요하다면, RAWGraphs가 흔히 유일한 선택지입니다.

RAWGraphs offers a distinctive collection: bar charts, stacked bar charts, line graphs, area graphs (streamgraphs), scatterplots, bubble charts, treemaps, sunburst diagrams, circular dendrograms, alluvial diagrams (similar to Sankey), parallel coordinates, violin plots (via beeswarm), contour plots, bump charts, Gantt-like timeline charts, convex hull plots, hexagonal binning, circle packing, and voronoi tessellations. Its strength lies in the chart types that other no-code tools do not offer — if you need a parallel coordinates plot or an alluvial diagram without writing code, RAWGraphs is often the only option.