A · Data Visualization

Pattern A

ข้อมูล → สี → รูป 3D

การ์ดนี้คือหัวใจของงาน data-viz เชิงพื้นที่: เอาตัวเลขดิบ (เช่น แรงกด อุณหภูมิ ยอดขายตามพื้นที่) มาแปลงเป็น สี + ความสูง บนตาราง 3D แล้วชี้ดูค่าได้

3 เทคนิคที่ได้

Lut — lookup table แปลง ค่า → สี ตาม colormap (rainbow / cooltowarm / blackbody / grayscale)
InstancedMesh — เรนเดอร์แท่งเป็นพัน ๆ ด้วย draw call เดียว (GPU instancing) = ลื่น
Raycaster — ยิงรังสีจากเมาส์หา instance ที่ชี้ → โชว์ค่า

ลองสลับ "render mode" ดู

กดสลับ instanced ↔ 1,024 mesh แยก ใน gui แล้วดูแผง stats มุมซ้ายบน — draw calls จะกระโดดจาก ~1 เป็น ~1,024. นี่คือเหตุผลว่าทำไม instancing สำคัญ (งบควร < 100 calls/เฟรม)

เอาไปใช้ตรงไหน

dashboard, heatmap วิทยาศาสตร์, แผนที่ข้อมูล, แรงกด/อุณหภูมิบนพื้นผิว — ทุกงานที่ต้อง "เห็นตัวเลขเป็นภาพ"

renderer.info (สด)

modeinstanced

draw calls–

triangles–

geometries–

textures–

rainbow

ต่ำสูง