วันนี้เราเลยนำเสนอเว็บสำหรับรันภาพแบบ visualization ออกมาให้เห็นกันเลย ไม่ว่าจะเป็นเรื่องการเรียนข้อมูล มันขยับกันยังไง swap กันที่ตัวไหน หรือจะเป็นเรื่อง Tree หรือ Graph ว่าข้อมูลตัวใหม่เข้ามาแล้วมันไปสร้าง Node ที่ไหน
จากที่ลองเล่นๆ มาหลายเว็บ มี 2 เว็บที่เข้าตากรรมการ นั่นคือ
VisualGo
เข้าได้ตามนี้เลย http://www.comp.nus.edu.sg/~stevenha/visualization/index.html
หลังจากเราเลือกหัวข้อที่ต้องการดูแล้ว โปรแกรมจะมีช่องให้กรอก เช่น จำนวน Node รูปแบบการเรียงหรืออัลกอริทึมต่างๆ แล้วแสดงออกมาแบบรูปพร้อมกับชี้ให้ดูด้วยว่าสเต็ปนี้รันโค้ดอะไรอยู่
![]() |
ตัวอย่างการเล่น Dijkstra Algorithm |
ส่วนอีกเว็บด้านดีไซน์ความสวยงามอาจจะสู้เว็บแรกไม่ได้ แต่ข้อดีคือในแต่ละสเต็ปเราสามารถใส่ค่าแต่ละตัวลงไปเองได้
Data Structure Visualizations
เข้าได้ตามนี้เลย http://www.cs.usfca.edu/~galles/visualization/Algorithms.html
เป็นหน้าเว็บที่ธรรมดามาก แต่อย่าไปดูถูกความไม่มีอะไรของมัน โปรแกรมมันทำมาดีมากเลยนะ ลองเล่นกันดู
ส่วนตัวแล้ว เราใช้เว็บนี้มากกว่าเว็บแรกซะอีก
ขอบคุณสำหรับคอนเทนดีๆนะครับ
ตอบลบ