Panduan Lengkap Pembuatan Board JSXGraph

Table of Contents

1 Pengenalan JSXGraph

JSXGraph adalah library JavaScript untuk membuat grafik geometri interaktif, plot fungsi, chart, dan visualisasi data langsung di browser. Library ini sangat cocok untuk pembelajaran matematika karena mendukung interaksi real-time.

Board adalah kanvas utama tempat semua objek matematika digambar. Pengaturan board yang tepat sangat penting untuk menghasilkan visualisasi yang baik.

2 Membuat Board Dasar

Untuk membuat board JSXGraph, kita menggunakan method JXG.JSXGraph.initBoard(). Berikut sintaks dasarnya:

const board = JXG.JSXGraph.initBoard('jxgbox', {
  // Bounding box: [xmin, ymax, xmax, ymin]
  boundingbox: [-5, 5, 5, -5],
  axis: true,
  keepaspectratio: true
});

🎯 Demo: Board Dasar

Board dengan pengaturan default: axis aktif, bounding box [-5, 5, 5, -5]