f5/unovis

어떤 프로젝트인가요?

핵심 기능

• 01차트, 지도, 네트워크 그래프를 한 프레임워크에서 제공
• 02React, Angular, Svelte, Vue, Solid용 공식 패키지
• 03tree-shaking 및 컴포넌트별 import 지원
• 04CSS 변수를 통한 스타일 사용자 지정
• 05Node에서 차트를 SVG/PNG로 서버 사이드 렌더링

활용 사례

• React나 Vue 대시보드에 인터랙티브한 선형·막대·영역 차트 추가
• 그래프 컴포넌트로 네트워크 관계 시각화
• 보고서나 이메일용 차트 이미지를 서버에서 생성
• UI 프레임워크 없이 바닐라 TypeScript 프로젝트에서 차트 사용

빠른 시작

1. 1

   NPM에서 코어 패키지와 사용할 프레임워크 패키지를 설치합니다

   npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid>
2. 2

   컴포넌트를 가져와 React로 간단한 선형 차트를 만드는 등 첫 번째 차트를 렌더링합니다

포함된 컬렉션

토픽

자주 묻는 질문

unovis은(는) 무엇인가요?

React, Angular, Svelte, Vue, Solid와 바닐라 JavaScript를 위한 차트·지도·네트워크 그래프를 제공하는 모듈형 TypeScript 데이터 시각화 프레임워크입니다. Unovis는 공통 TypeScript 코어를 통해 차트, 지도, 네트워크 그래프를 제공하는 데이터 시각화 프레임워크입니다. React, Angular, Svelte, Vue, Solid용 프레임워크별 패키지에서 동일한 컴포넌트를 사용할 수 있으며, 코어 패키지는 바닐라 TypeScript나 JavaScript에서 직접 사용할 수 있습니다.

unovis은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

unovis은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

unovis은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. unovis의 마지막 커밋은 2026년 10월 22일입니다.

unovis은(는) 어디에 사용할 수 있나요?

React나 Vue 대시보드에 인터랙티브한 선형·막대·영역 차트 추가 그래프 컴포넌트로 네트워크 관계 시각화 보고서나 이메일용 차트 이미지를 서버에서 생성 UI 프레임워크 없이 바닐라 TypeScript 프로젝트에서 차트 사용

unovis는 어떻게 설치하나요?

NPM에서 코어 패키지와 사용할 프레임워크 패키지를 설치합니다: npm install -P @unovis/ts @unovis/<react|angular|svelte|vue|solid> 컴포넌트를 가져와 React로 간단한 선형 차트를 만드는 등 첫 번째 차트를 렌더링합니다

unovis은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/f5/unovis