G2 Download - Download do código -fonte G2

G2

Outro código-fonte

5.2.7

Baixar

Inglês | 简体中文

G2

G2 é uma gramática de visualização para construção de painel, exploração de dados e narrativa.

Construir status

O G2 recebeu o nome do livro de Leland Wilkinson , The Grammar of Graphics , e foi profundamente inspirado por ele no início. Aqui estão alguns recursos que você pode começar:

Introdução - Uma breve visão geral e motivações do G2
Exemplos - um grande número de demos para aprender e copiar colar
Tutoriais - Guias interativos orientados a casos dos conceitos principais do G2
Referência da API - Documentação completa para todos os componentes de visualização
Editor - Uma ferramenta de geração inteligente baseada em ANTV. Ele utiliza a IA para reduzir o custo de desenvolvimento da visualização de dados e pode gerar rapidamente gráficos visuais através da linguagem natural.

Características

Uso progressivo - O principal objetivo do G2 é ajudá -lo a obter visualizações significativas rapidamente com declarações concisas e infecta o resto. Mas você pode configurar muito mais para situações complexas e avançadas.
API declarativa - empregamos uma API declarativa funcional para especificar opções de gráfico de maneira programática, que contribui para uma melhor reutilização lógica e uma organização de código mais flexível.
Alta extensibilidade - Para satisfazer as necessidades específicas, o G2 fornece um mecanismo conveniente e consistente para estender tudo o que você pode imaginar, seja uma escala, uma transformação, uma marca, etc. Você pode até personalizar uma nova ferramenta de visualização com base nesse mecanismo.
Gramática abrangente - G2 rejeita uma tipologia de gráfico em favor de marcas, transformações, escalas, coordenadas e composições. Além das representações visuais estáticas, é possível declarar animações orientadas a dados e aplicar interações bem projetadas também baseadas em ações.
Renderizador poderoso - Existe um renderizador poderoso G no G2 para gerar visualizações baseadas na Web usando tela, SVG ou WebGL. Os muitos plugins beneficiam o G2 de renderizar gráficos com novos estilos, como desenhado à mão e adotar totalmente o ecossistema do D3.

? Começando

G2 é geralmente instalado por meio de um gerenciador de pacotes, como NPM ou fios.

$ npm install @antv/g2

$ yarn add @antv/g2

O objeto do gráfico pode ser importado do G2.

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

 import { Chart } from '@antv/g2' ;

// A tabular data to be visualized.
const data = [
  { genre : 'Sports' , sold : 275 } ,
  { genre : 'Strategy' , sold : 115 } ,
  { genre : 'Action' , sold : 120 } ,
  { genre : 'Shooter' , sold : 350 } ,
  { genre : 'Other' , sold : 150 } ,
] ;

// Instantiate a new chart.
const chart = new Chart ( {
  container : 'container' ,
} ) ;

// Specify visualization.
chart
  . interval ( ) // Create an interval mark and add it to the chart.
  . data ( data ) // Bind data for this mark.
  . encode ( 'x' , 'genre' ) // Assign genre column to x position channel.
  . encode ( 'y' , 'sold' ) // Assign sold column to y position channel.
  . encode ( 'color' , 'genre' ) ; // Assign genre column to color channel.

// Render visualization.
chart . render ( ) ;

Se tudo correr bem, você poderá obter o seguinte gráfico de barra adorável!

? Ecossistema

G2 -REACT - O componente de reação leve para G2, sem recursos extras.
Extensões G2-A loja única para extensões G2 oficial, como visualização 3D, análise visual automatizada, etc.
Charts-Ant-Design-A biblioteca do gráfico do React, com base em G2, G6, X6, L7Plot.
Mais...

? Contribuindo

Problemas - relatar bugs ou solicitar recursos
Guia contribuinte - ajude a construir G2
Discussões - Discuta no Github ou no DingTalk Group (30233731, 35686967, 44788198)