G6

영어 | 简体中文

G6 : TypeScript의 그래프 시각화 프레임 워크

소개 • 예제 • 빠른 시작 • API

G6은 그래프 시각화 엔진입니다. 그리기, 레이아웃, 분석, 상호 작용, 애니메이션, 테마 및 플러그인과 같은 그래프 시각화 및 분석을위한 기본 기능을 제공합니다. G6을 사용하면 사용자는 자체 그래프 시각화 및 분석 응용 프로그램을 신속하게 구축하여 관계형 데이터를 간단하고 투명하며 의미있게 만들 수 있습니다.

특징

전문 그래프 시각화 엔진으로서 G6은 다음과 같은 기능을 자랑합니다.

• 풍부한 요소 : 광범위한 스타일 구성을 갖춘 다양한 내장 노드, 에지 및 콤보 UI 요소가 제공되며 데이터 콜백을 지원하며 사용자 지정 요소를 확장하기위한 유연한 메커니즘이 있습니다.
• 제어 가능한 상호 작용 : 10 가지가 넘는 내장 상호 작용 동작이 포함되어 있으며 다양한 이벤트를 제공하여 맞춤형 대화 형 동작의 확장을 용이하게합니다.
• 고성능 레이아웃 : 엔진은 10 개 이상의 일반적인 그래프 레이아웃을 특징으로하며, 그 중 일부는 성능 향상을 위해 GPU 및 Rust Parallel Computing을 활용하며 맞춤형 레이아웃 개발을 지원합니다.
• 편리한 플러그인 : 유연한 확장 성을 갖춘 최적화 된 내장 플러그인 기능 및 성능으로 사용자 정의 된 비즈니스 기능을보다 쉽게 ​​구현할 수 있습니다.
• 다중 테마 및 팔레트 : ANTV 새로운 색 구성표를 기반으로 20 개가 넘는 인기있는 커뮤니티 컬러 팔레트를 통합하는 두 개의 내장 테마의 밝고 어두운 세트를 제공합니다.
• 다중 환경 렌더링 : G의 전력을 활용하여 캔버스, SVG 및 WebGL의 렌더링과 Node.js를 사용한 서버 측 렌더링을 지원합니다. 또한 WebGL을 기반으로 강력한 3D 렌더링 및 공간 상호 작용을 제공하는 플러그인 패키지를 제공합니다.
• React Ecosystem : React 프론트 엔드 생태계를 활용하여 React 노드를 지원하여 G6 노드의 프리젠 테이션 스타일을 크게 풍부하게합니다.

? 시작하기

G6은 일반적으로 NPM 또는 원사와 같은 패키지 관리자를 통해 설치됩니다.

$ npm install @antv/g6

그런 다음 Graph 객체를 G6에서 가져올 수 있습니다.

 < div id =" container " > </ div > 

 import { Graph } from '@antv/g6' ;

// Get the Data.
const data = {
  nodes : [
    /* your nodes data */
  ] ,
  edges : [
    /* your edges data */
  ] ,
} ;

// Create the Graph instance.
const graph = new Graph ( {
  container : 'container' ,
  data ,
  node : {
    palette : {
      type : 'group' ,
      field : 'cluster' ,
    } ,
  } ,
  layout : {
    type : 'force' ,
  } ,
  behaviors : [ 'drag-canvas' , 'drag-node' ] ,
} ) ;

// Render the Graph.
graph . render ( ) ;

모두 잘 진행됩니다. 다음과 같은 멋진 그래프를 얻을 수 있습니다!

? 생태계

• 개미 설계 차트 : G2, G6, X6, L7을 기반으로 한 반응 차트 라이브러리.
• 그래픽 : G6을 기반으로 한 간단한 반응 래퍼와 그래프 시각화 응용 프로그램을 개발하기위한 SDK.

더 많은 생태계 오픈 소스 프로젝트를 위해서는 기부금을 환영합니다. 포함을 위해 PR을 제출하십시오.

? 기여

• 문제보고 : 사용 중에 G6에 문제가 발생하면 문제를 재현 할 수있는 최소한의 샘플 코드와 함께 문제를 제출하십시오.
• 기여 가이드 : G6에 대한 개발 및 기여에 참여하는 방법에 대한 정보.
• 아이디어 토론 : Github 토론 또는 Dingtalk Group에서 귀하의 아이디어에 대해 토론하십시오.

? 특허

MIT.