G2

Bahasa Inggris | 简体中文

G2

G2 adalah tata bahasa visualisasi untuk pembangunan dasbor, eksplorasi data dan bercerita.

G2 dinamai buku Leland Wilkinson The Grammar of Graphics dan sangat terinspirasi olehnya di awal. Berikut adalah beberapa sumber daya yang dapat Anda mulai dengan:

• Pendahuluan - Tinjauan singkat dan motivasi G2
• Contoh - Sejumlah besar demo untuk dipelajari dan copy -paste
• Tutorial - Panduan Interaktif yang Digerakkan Kasus dari Konsep Inti G2
• Referensi API - Dokumentasi Lengkap untuk Semua Komponen Visualisasi
• Editor - Alat Generasi Cerdas Berdasarkan ANTV. Ini menggunakan AI untuk mengurangi biaya pengembangan visualisasi data, dan dapat dengan cepat menghasilkan bagan visual melalui bahasa alami.

Fitur

• Penggunaan Progresif - Tujuan utama G2 adalah untuk membantu Anda mendapatkan visualisasi yang bermakna dengan cepat dengan deklarasi ringkas dan menyimpulkan sisanya. Tetapi Anda dapat mengkonfigurasi lebih banyak untuk situasi yang kompleks dan canggih.
• API Deklaratif - Kami menggunakan API deklaratif fungsional untuk menentukan opsi grafik secara terprogram, yang berkontribusi pada penggunaan kembali logika yang lebih baik dan organisasi kode yang lebih fleksibel.
• Ekstensibilitas Tinggi - Untuk memenuhi kebutuhan spesifik, G2 menyediakan mekanisme yang nyaman dan konsisten untuk memperluas semua yang dapat Anda bayangkan, baik skala, transformasi, tanda, dll,. Anda bahkan dapat menyesuaikan alat visualisasi baru berdasarkan mekanisme ini.
• Comprehensive Grammar - G2 menolak tipologi grafik yang mendukung tanda, transformasi, skala, koordinat, dan komposisi. Selain representasi visual statis, dimungkinkan untuk mendeklarasikan animasi berbasis data dan menerapkan interaksi berbasis tindakan yang dirancang dengan baik untuk plot juga.
• Renderer yang kuat - Ada penyaji yang kuat di G2 untuk menghasilkan visualisasi berbasis web menggunakan Canvas, SVG atau WebGL. Banyak plugin yang dimanfaatkan G2 dari rendering grafik dengan gaya baru seperti yang ditarik tangan dan sepenuhnya merangkul ekosistem D3.

? Memulai

G2 biasanya diinstal melalui manajer paket seperti NPM atau benang.

$ npm install @antv/g2

$ yarn add @antv/g2

Objek bagan kemudian dapat diimpor dari 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 ( ) ;

Jika semuanya berjalan dengan baik, Anda bisa mendapatkan grafik bar yang indah berikut!

? Ekosistem

• G2 -React - Komponen reaksi ringan untuk G2, tanpa fitur tambahan.
• G2-Extensions-Toko One-Stop untuk ekstensi G2 resmi, seperti visualisasi 3D, analisis visual otomatis, dll.
• Ant-Design-Charts-Perpustakaan React Chart, berdasarkan G2, G6, X6, L7PLOT.
• Lagi...

? Berkontribusi

• Masalah - Laporkan bug atau meminta fitur
• Panduan Kontribusi - Membantu Membangun G2
• Diskusi - Diskusikan tentang GitHub atau di Dingtalk Group (30233731, 35686967, 44788198)

? Lisensi

Mit@antv.