Lab
Data Charts SVG ทำมือ · ไม่ใช้ Chart.js
SVG + vanilla JS · ไม่ใช้ไลบรารี

กราฟข้อมูล

กราฟทุกอันวาดด้วย SVG + JavaScript เปล่า ๆ (ไม่ใช้ Chart.js/D3) — animate ตอนโหลด, เอาเมาส์ชี้ดูค่าได้. กด "สุ่มข้อมูล" เพื่อดูมัน animate ใหม่

Bar chart

เด้งขึ้น + hover ดูค่า

Line + area

เส้นวาดตัวเอง + จุด hover

Donut

ส่วนแบ่งกวาดเข้า

Scatter plot

2 กลุ่ม · hover ดูพิกัด

Radar

6 แกน · กางจากจุดกลาง

Heatmap

ตารางสี · เข้มตามค่า