เครื่องมือภาษาไทย / ดูโครงสร้าง JSON แบบ Tree และ Graph (JSON Viewer)English version →
ดูโครงสร้าง JSON แบบ Tree และ Graph (JSON Viewer)
JSON ที่ซ้อนกันลึก ๆ อ่านจากตัวหนังสือดิบยากมาก เครื่องมือนี้แปลงเป็นมุมมองต้นไม้ที่พับ/กางแต่ละชั้นได้ พร้อมบอกจำนวนสมาชิกของแต่ละ object/array — และมีมุมมองกราฟที่วาดข้อมูลเป็นการ์ดเชื่อมกันด้วยเส้น ลากเลื่อน ซูม และยุบเฉพาะกิ่งที่ไม่สนใจได้
มุมมองกราฟช่วยให้เห็นภาพรวมของ payload ทั้งก้อน เช่น เห็นทันทีว่า array ไหนใหญ่ผิดปกติ ข้อมูลชั้นไหนซ้อนลึกเกินจำเป็น หรือ element ตัวไหนมี field ไม่ครบเหมือนตัวอื่น แถม export เป็นไฟล์ SVG ไปแปะในเอกสารได้ด้วย
วิธีใช้งาน
- วาง JSON ลงในช่อง input
- เลือกมุมมอง Tree (ต้นไม้) หรือ Graph (กราฟ) ที่มุมขวาบนของส่วนแสดงผล
- ในโหมดกราฟ: ลากเพื่อเลื่อน, scroll เพื่อซูม, คลิกหัวการ์ดเพื่อยุบ/กางกิ่ง
คำถามที่พบบ่อย
- ต่างจาก JSON Formatter ยังไง
- Formatter ให้ 'ข้อความ' ที่อ่านง่ายขึ้น ส่วน Viewer ให้ 'ภาพโครงสร้าง' แบบโต้ตอบได้ — เหมาะกับการทำความเข้าใจข้อมูลที่ไม่คุ้นเคยหรือหา field ที่ต้องการในข้อมูลซ้อนลึก
- ข้อมูลใหญ่มากจะช้าไหม
- รองรับถึง 10MB โดยเอกสารใหญ่ระบบจะยุบกิ่งลึกให้อัตโนมัติเพื่อความลื่น แล้วค่อยกางเฉพาะส่วนที่สนใจ
- export กราฟได้ไหม
- ได้ — ปุ่ม SVG จะดาวน์โหลดกราฟทั้งภาพเป็นไฟล์ SVG พื้นหลังขาว นำไปใส่เอกสารหรือ slide ได้เลย