Petunjuk penggunaan

Diagram ternary (segitiga sama sisi) dipakai untuk menggambarkan komposisi campuran tiga komponen sekaligus dalam satu grafik 2D. Setiap sudut segitiga mewakili 100% salah satu komponen (A, B, atau C); makin dekat suatu titik ke satu sudut, makin tinggi fraksi komponen itu.

Cara pakai:

• Seret titik hitam ke posisi mana pun di dalam segitiga.
• Angka komposisi (A, B, C — selalu berjumlah 1) langsung terbaca di panel hijau.
• Centang Metode 1 untuk melihat cara membaca lewat jarak tegak lurus dari titik ke sisi di seberang tiap sudut.
• Centang Metode 2 untuk melihat cara membaca lewat garis sejajar sisi (cara yang biasa dipakai membaca kertas grafik ternary bercetak).
• Klik Titik Acak untuk latihan menebak, atau aktifkan Mode Kuis untuk menyembunyikan angka sampai Anda siap mencocokkan jawaban.

Kedua metode pembacaan akan selalu memberi angka yang sama persis — hanya cara konstruksi geometrisnya yang berbeda. Ini modul dasar sebelum mempelajari diagram ternary yang lebih kompleks (mis. kesetimbangan cair-cair / metode Hunter-Nash).

Tentang diagram ini

Posisi titik $P$ di dalam segitiga sama sisi dikonversi menjadi tiga fraksi komposisi (koordinat barycentric) lewat:

$$w_A = \frac{(B_y-C_y)(P_x-C_x) + (C_x-B_x)(P_y-C_y)}{\Delta}, \quad w_B = \frac{(C_y-A_y)(P_x-C_x) + (A_x-C_x)(P_y-C_y)}{\Delta}, \quad w_C = 1-w_A-w_B$$

dengan $\Delta$ determinan luas segitiga $ABC$. Untuk segitiga sama sisi secara khusus, nilai $w_A$ ini persis sama dengan rasio jarak tegak lurus dari $P$ ke sisi $BC$ (sisi di seberang $A$) terhadap tinggi segitiga — itulah mengapa Metode 1 (jarak tegak lurus) bekerja. Metode 2 (garis sejajar) adalah cara membaca nilai yang sama lewat garis kisi paralel terhadap tiap sisi, cara yang lebih praktis dipakai pada kertas grafik ternary tercetak.

Terinspirasi dari demo "Basic Ternary Diagram" milik LearnChemE (learncheme.github.io), diimplementasikan ulang secara independen dengan interaksi seret-titik dan dua metode pembacaan seperti pada sumber aslinya.