플로차트·다이어그램 편집기 「Nova 플로우」를 공개했습니다
새로운 웹 도구 Nova 플로우를 공개했습니다. 도형을 놓고 화살표로 잇기만 하면 플로차트, 구성도, UML 클래스 다이어그램을 브라우저에서 그릴 수 있는 편집기입니다.
할 수 있는 것
- 도형과 연결선: 사각형·둥근 사각형·마름모·타원·텍스트를 배치하고, 도형끼리 연결선으로 잇습니다. 선은 도형의 가장자리에 달라붙고, 도형을 움직이면 자동으로 따라옵니다
- 다양한 선과 화살표: 직선／꺾은선, 실선／파선／점선을 전환할 수 있습니다. 끝점은 화살표·열린 화살표·빈 삼각형·마름모 등 6가지 중에서 고를 수 있어 UML의 상속·집합·합성도 표현할 수 있습니다
- 그룹화: 여러 도형을 선택해 그룹으로 묶으면 하나의 덩어리로 함께 이동·복제할 수 있습니다. 제목과 속성·메서드 상자를 쌓아 그룹으로 묶으면 클래스 다이어그램의 상자도 만들 수 있습니다
- 세밀한 외형 조정: 채우기·테두리·글자 색을 색상 선택기로 지정하고, 모서리 반경과 글자 외곽선, 글자 정렬도 조정할 수 있습니다
- 내보내기와 저장: 만든 그림은 PNG／SVG로 내보낼 수 있습니다. 편집 중인 파일(.novaflow)로 저장할 수 있고, 작업 내용은 브라우저에 자동 저장됩니다
사용 방법
- 왼쪽 도구 모음에서 도형을 골라 캔버스를 클릭해 배치합니다
- 연결선 도구로 잇고 싶은 도형을 차례로 클릭하면 화살표가 그려집니다
- 도형을 더블클릭하면 글자를 입력할 수 있습니다. 오른쪽 패널에서 색, 선 스타일, 화살표 모양을 바꿀 수 있습니다
- 완성되면 메뉴에서 PNG 또는 SVG로 내보냅니다
가입도 설치도 필요 없이 열자마자 바로 쓸 수 있습니다.
데이터 처리에 대해
그림의 작성과 내보내기는 모두 브라우저 안(클라이언트 사이드)에서 이루어집니다. 그린 내용이 서버로 전송되는 일은 없습니다. 작업 내용은 사용 중인 브라우저에만 저장되므로, 사내 구성도나 개인 메모에도 안심하고 쓸 수 있습니다.
모든 기능을 무료로 사용할 수 있습니다.
이럴 때
- 설계나 사양 설명을 위해 플로차트나 구성도를 빠르게 그리고 싶을 때
- 클래스 다이어그램이나 ER 다이어그램처럼 도형을 선으로 잇는 그림을 브라우저만으로 만들고 싶을 때
- 만든 그림을 PNG／SVG로 내보내 문서나 슬라이드에 붙이고 싶을 때
Novare Orbis에서는 브라우저에서 완결되는 무료 도구를 이 외에도 공개하고 있습니다. 도구 목록은 여기.