portaldacalheta.pt
  • หลัก
  • การจัดการวิศวกรรม
  • วิทยาศาสตร์ข้อมูลและฐานข้อมูล
  • เครื่องมือและบทช่วยสอน
  • นักลงทุนและเงินทุน
การออกแบบ Ui

ภาพรวมทั้งหมดของเครื่องมือแสดงข้อมูลที่ดีที่สุด



การใช้ข้อมูลจำนวนมากไม่ได้ตรงไปตรงมาเสมอไป บางครั้งชุดข้อมูลมีขนาดใหญ่มากจนไม่สามารถแยกแยะสิ่งที่เป็นประโยชน์จากชุดข้อมูลเหล่านี้ได้ นั่นคือที่มาของการแสดงภาพข้อมูล

การสร้างภาพข้อมูล ไม่ค่อยตรงไปตรงมา ไม่ใช่ว่านักออกแบบสามารถเพียงแค่นำชุดข้อมูลที่มีรายการหลายพันรายการมาสร้างภาพตั้งแต่เริ่มต้น แน่นอนว่าเป็นไปได้ แต่ใครอยากใช้เวลาหลายสิบหรือหลายร้อยชั่วโมงในการพล็อตจุดบนแผนภูมิกระจาย นั่นคือที่มาของเครื่องมือแสดงข้อมูล



เครื่องมือแสดงข้อมูลคืออะไร?

เครื่องมือแสดงข้อมูลให้ นักออกแบบการสร้างภาพข้อมูล ด้วยวิธีที่ง่ายกว่าในการสร้างการแสดงภาพชุดข้อมูลขนาดใหญ่ เมื่อจัดการกับชุดข้อมูลที่มีจุดข้อมูลหลายแสนจุดหรือหลายล้านจุดทำให้กระบวนการของ การสร้างภาพ อย่างน้อยส่วนหนึ่งก็ทำให้งานของนักออกแบบง่ายขึ้นอย่างมาก



จากนั้นการแสดงภาพข้อมูลเหล่านี้สามารถนำไปใช้เพื่อวัตถุประสงค์ต่างๆได้เช่นแดชบอร์ดรายงานประจำปีเอกสารการขายและการตลาดชุดสไลด์สำหรับนักลงทุนและข้อมูลอื่น ๆ ที่จำเป็นต้องได้รับการตีความทันที



เครื่องมือแสดงข้อมูลที่ดีที่สุดมีอะไรเหมือนกัน?

เครื่องมือแสดงภาพข้อมูลที่ดีที่สุดในตลาดมีบางสิ่งที่เหมือนกัน ประการแรกคือความสะดวกในการใช้งาน มีแอพที่ซับซ้อนอย่างไม่น่าเชื่อสำหรับการแสดงข้อมูล บางส่วนมีเอกสารและแบบฝึกหัดที่ยอดเยี่ยมและได้รับการออกแบบมาในรูปแบบที่ผู้ใช้เข้าใจง่าย คนอื่น ๆ กำลังขาดแคลนในพื้นที่เหล่านั้นกำจัดพวกเขาออกจากรายการเครื่องมือที่ 'ดีที่สุด' โดยไม่คำนึงถึงความสามารถอื่น ๆ

เครื่องมือที่ดีที่สุดยังสามารถจัดการข้อมูลจำนวนมหาศาลได้อีกด้วย ในความเป็นจริงสิ่งที่ดีที่สุดยังสามารถจัดการข้อมูลหลายชุดในการแสดงภาพเดียว



เครื่องมือที่ดีที่สุดยังสามารถส่งออกอาร์เรย์ของแผนภูมิกราฟและประเภทแผนที่ต่างๆ เครื่องมือด้านล่างส่วนใหญ่สามารถแสดงผลได้ทั้งรูปภาพและกราฟเชิงโต้ตอบ แม้ว่าจะมีข้อยกเว้นสำหรับเกณฑ์ผลลัพธ์ที่หลากหลาย เครื่องมือแสดงภาพข้อมูลบางประเภทมุ่งเน้นไปที่แผนภูมิหรือแผนที่ประเภทใดประเภทหนึ่งและทำได้ดีมาก เครื่องมือเหล่านี้ยังเป็นหนึ่งในเครื่องมือที่ 'ดีที่สุด' อีกด้วย

สุดท้ายมีการพิจารณาค่าใช้จ่าย แม้ว่าป้ายราคาที่สูงกว่าไม่จำเป็นต้องตัดสิทธิ์ของเครื่องมือ แต่ป้ายราคาที่สูงกว่านั้นจะต้องมีเหตุผลในแง่ของการสนับสนุนที่ดีกว่าคุณสมบัติที่ดีกว่าและมูลค่าโดยรวมที่ดีกว่า



ตัวอย่างการแสดงข้อมูล

การแสดงภาพข้อมูลนี้แสดงดัชนีการคุ้มครองสิทธิมนุษยชน (ตั้งแต่ปี 1950 ถึง 2014) และดัชนีการละเมิดสิทธิมนุษยชน (ในปี 2014) สำหรับ 50 ประเทศ (โดย Federica Fragapane )

การเปรียบเทียบเครื่องมือแสดงข้อมูล

มีแอปพลิเคชันเครื่องมือและสคริปต์จำนวนมากหากไม่ใช่หลายร้อยรายการพร้อมใช้งานเพื่อสร้างการแสดงภาพชุดข้อมูลขนาดใหญ่ หลายอย่างเป็นพื้นฐานมากและมีคุณสมบัติที่ทับซ้อนกันมากมาย



ตัวอย่างหลักเกสตัลท์ในชีวิตจริง

แต่มีความโดดเด่นที่มีความสามารถมากกว่าสำหรับประเภทของการแสดงภาพที่พวกเขาสามารถสร้างได้หรือใช้งานง่ายกว่าตัวเลือกอื่น ๆ

Tableau (และ Tableau Public)

คณะกรรมการ มีตัวเลือกมากมายรวมถึงแอปเดสก์ท็อปเซิร์ฟเวอร์และเวอร์ชันออนไลน์ที่โฮสต์และตัวเลือกสาธารณะฟรี มีตัวเลือกการนำเข้าข้อมูลหลายร้อยตัวเลือกตั้งแต่ไฟล์ CSV ไปจนถึง Google Ads และข้อมูล Analytics ไปจนถึงข้อมูล Salesforce



ตัวเลือกเอาต์พุตประกอบด้วยรูปแบบแผนภูมิหลายรูปแบบและความสามารถในการทำแผนที่ นั่นหมายความว่านักออกแบบสามารถสร้างแผนที่ที่มีรหัสสีซึ่งแสดงข้อมูลที่สำคัญทางภูมิศาสตร์ในรูปแบบที่ย่อยง่ายกว่าตารางหรือแผนภูมิที่เคยเป็นมา

สาธารณะ Tableau เวอร์ชันนี้ใช้งานได้ฟรีสำหรับทุกคนที่กำลังมองหาวิธีที่มีประสิทธิภาพในการสร้างภาพข้อมูลที่สามารถใช้ได้ในการตั้งค่าต่างๆ ตั้งแต่นักข่าวไปจนถึงคนที่ขี้ยาทางการเมืองไปจนถึงผู้ที่ต้องการหาปริมาณข้อมูลในชีวิตของตนเองมีประโยชน์มากมายสำหรับ Tableau Public พวกเขามีแกลเลอรีอินโฟกราฟิกและการแสดงภาพมากมายที่สร้างขึ้นด้วยเวอร์ชันสาธารณะเพื่อใช้เป็นแรงบันดาลใจสำหรับผู้ที่สนใจสร้างของตนเอง



ข้อดี

  • ตัวเลือกการนำเข้าข้อมูลหลายร้อยรายการ
  • ความสามารถในการทำแผนที่
  • มีเวอร์ชันสาธารณะฟรี
  • วิดีโอสอนการใช้งานมากมายที่จะแนะนำวิธีใช้ Tableau

จุดด้อย

  • เวอร์ชันที่ไม่ฟรีมีราคาแพง ($ 70 / เดือน / ผู้ใช้สำหรับซอฟต์แวร์ Tableau Creator)
  • เวอร์ชันสาธารณะไม่อนุญาตให้คุณเก็บการวิเคราะห์ข้อมูลไว้เป็นส่วนตัว

ตัวอย่างการแสดงข้อมูล

เครื่องมือแสดงข้อมูลสามารถใช้สำหรับโครงการทุกประเภท

การแสดงภาพข้อมูลของคำที่ไม่ซ้ำกันซึ่งใช้โดยตัวละครกลางสามตัวในหนังสือซีรีส์ Game of Thrones


ตัวอย่างการแสดงข้อมูล: กวางมูซล่มในเมน

การแสดงภาพข้อมูลสามารถทำให้ข้อมูลความปลอดภัยสาธารณะย่อยง่ายขึ้น


เครื่องมือแสดงภาพข้อมูลทำให้ง่ายต่อการสร้างภาพเชิงโต้ตอบ

การแสดงภาพเชิงโต้ตอบของนักแสดงที่ทำรายได้สูงสุดตลอดกาล

บรรทัดล่าง

Tableau เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้ที่ต้องการสร้างแผนที่นอกเหนือจากแผนภูมิประเภทอื่น ๆ Tableau Public ยังเป็นตัวเลือกที่ยอดเยี่ยมสำหรับทุกคนที่ต้องการสร้างภาพที่เปิดเผยต่อสาธารณะ

อินโฟแกรม

อินโฟแกรม เป็นเครื่องมือแสดงภาพแบบลากแล้ววางที่มีคุณสมบัติครบถ้วนซึ่งช่วยให้แม้แต่ผู้ที่ไม่ใช่นักออกแบบสามารถสร้างภาพข้อมูลที่มีประสิทธิภาพสำหรับรายงานการตลาดอินโฟกราฟิกโพสต์โซเชียลมีเดียแผนที่แดชบอร์ดและอื่น ๆ

การแสดงภาพสำเร็จรูปสามารถส่งออกเป็นรูปแบบต่างๆ: .PNG, .JPG, .GIF, .PDF และ. HTML นอกจากนี้ยังสามารถแสดงภาพเชิงโต้ตอบได้เหมาะอย่างยิ่งสำหรับการฝังลงในเว็บไซต์หรือแอป Infogram ยังมีปลั๊กอิน WordPress ที่ทำให้การแสดงภาพรวมง่ายยิ่งขึ้นสำหรับผู้ใช้ WordPress

ข้อดี

  • การกำหนดราคาตามลำดับรวมถึงแผนฟรีพร้อมคุณสมบัติพื้นฐาน
  • รวมแผนภูมิ 35+ ประเภทและแผนที่ 550+ ประเภท
  • ลากและวางตัวแก้ไข
  • API สำหรับการนำเข้าแหล่งข้อมูลเพิ่มเติม

จุดด้อย

  • แหล่งข้อมูลในตัวน้อยกว่าแอปอื่น ๆ อย่างมาก

ตัวอย่าง

วิธีการแสดงข้อมูล

การแสดงภาพสามารถทำให้หัวข้อที่ซับซ้อนเข้าใจง่าย


กรอบการแสดงข้อมูล

แผนภูมิช่วยให้เปรียบเทียบข้อมูลได้ง่ายขึ้นปีต่อปี


เทคนิคการสร้างภาพข้อมูล: การทำแผนที่

แผนที่เป็นวิธีที่ยอดเยี่ยมในการให้ภาพรวมของข้อมูลทั่วโลก

บรรทัดล่าง

Infogram เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้ที่ไม่ใช่นักออกแบบและนักออกแบบ ตัวแก้ไขแบบลากแล้ววางช่วยให้สร้างงานออกแบบที่ดูเป็นมืออาชีพได้อย่างง่ายดายโดยไม่ต้องใช้ทักษะการออกแบบภาพมากนัก

นักออกแบบ UX อิสระเต็มเวลาในสหรัฐอเมริกาต้องการ

แผนภูมิบล็อก

แผนภูมิบล็อก อ้างว่าสามารถนำเข้าข้อมูลได้จาก 'ทุกที่' โดยใช้ API รวมถึงจากฟีดสด แม้ว่าพวกเขากล่าวว่าการนำเข้าข้อมูลจากแหล่งใด ๆ สามารถทำได้ใน 'เพียงไม่กี่คลิก' แต่ก็มีความซับซ้อนมากกว่าแอปอื่น ๆ ที่มีโมดูลหรือส่วนขยายอัตโนมัติสำหรับแหล่งข้อมูลเฉพาะ

แอปช่วยให้สามารถปรับแต่งการสร้างภาพขั้นสุดท้ายได้อย่างครอบคลุมและตัวช่วยสร้างแผนภูมิช่วยให้ผู้ใช้เลือกข้อมูลที่ถูกต้องสำหรับแผนภูมิก่อนที่จะนำเข้าข้อมูล

นักออกแบบสามารถสร้างแผนภูมิได้แทบทุกประเภทและผลลัพธ์ก็ตอบสนองได้ดีซึ่งเป็นข้อได้เปรียบที่ยิ่งใหญ่สำหรับ นักออกแบบการสร้างภาพข้อมูล ที่ต้องการฝังแผนภูมิลงในเว็บไซต์ที่มีแนวโน้มว่าจะดูบนอุปกรณ์ต่างๆ

ข้อดี

  • มีแผนจ่ายเงินฟรีและราคาสมเหตุสมผล
  • ตัวช่วยที่ใช้งานง่ายสำหรับการนำเข้าข้อมูลที่จำเป็น

จุดด้อย

ชุมชนเกษียณอายุที่ไม่แสวงหากำไรอย่างต่อเนื่อง
  • ไม่ชัดเจนว่า API ของพวกเขาแข็งแกร่งเพียงใด
  • ดูเหมือนจะไม่มีความสามารถในการทำแผนที่

ตัวอย่าง

เครื่องมือแสดงข้อมูลทำให้การสร้างแผนภูมิง่ายขึ้น

แผนภูมิกราฟแบบเรียงซ้อนเป็นวิธีที่มีประสิทธิภาพในการเปรียบเทียบและเปรียบเทียบข้อมูล


พื้นฐานของการสร้างภาพข้อมูล: แผนภูมิอย่างง่ายจะมีประสิทธิภาพสูงสุด

แผนภูมิกระจายเป็นวิธีง่ายๆในการแสดงแนวโน้มข้อมูล


แนวทางปฏิบัติที่ดีที่สุดในการสร้างภาพข้อมูล: แผนภูมิเส้น

แผนภูมิเส้นมีประสิทธิภาพในการแสดงแนวโน้มและการเปรียบเทียบ

บรรทัดล่าง

ChartBlocks มีแผนฟรีที่ยอดเยี่ยมซึ่งเป็นข้อดีอย่างมาก ความสะดวกในการใช้งานสำหรับการสร้างแผนภูมิพื้นฐานและกราฟก็โดดเด่นเช่นกัน

Datawrapper

Datawrapper ถูกสร้างขึ้นโดยเฉพาะสำหรับการเพิ่มแผนภูมิและแผนที่ในเรื่องราวข่าวสาร แผนภูมิและแผนที่ที่สร้างขึ้นเป็นแบบโต้ตอบและสร้างขึ้นเพื่อฝังในเว็บไซต์ข่าว แหล่งข้อมูลของพวกเขามี จำกัด โดยวิธีการหลักคือการคัดลอกและวางข้อมูลลงในเครื่องมือ

เมื่อนำเข้าข้อมูลแล้วสามารถสร้างแผนภูมิได้ด้วยคลิกเดียว ประเภทการแสดงภาพ ได้แก่ คอลัมน์เส้นและแผนภูมิแท่งโดนัทสำหรับการเลือกตั้งแผนภูมิพื้นที่แผนภูมิกระจายแผนที่ choropleth และสัญลักษณ์และแผนที่ระบุตำแหน่งเป็นต้น การแสดงภาพที่เสร็จสมบูรณ์แล้วจะชวนให้นึกถึงภาพที่เห็นบนเว็บไซต์เช่น New York Times หรือ Boston Globe ในความเป็นจริงแผนภูมิของพวกเขาถูกใช้โดยสิ่งพิมพ์เช่น Mother Jones, Fortune และ The Times

แผนบริการฟรีเหมาะสำหรับการฝังกราฟิกในไซต์ขนาดเล็กที่มีปริมาณการใช้งาน จำกัด แต่แผนการชำระเงินมีราคาแพงโดยเริ่มต้นที่ 39 เหรียญ / เดือน

ข้อดี

  • ออกแบบมาโดยเฉพาะสำหรับการแสดงข้อมูลห้องข่าว
  • แผนบริการฟรีเหมาะสำหรับไซต์ขนาดเล็ก
  • เครื่องมือประกอบด้วยตัวตรวจสอบตาบอดสีในตัว

จุดด้อย

  • แหล่งข้อมูลที่ จำกัด
  • แผนการชำระเงินอยู่ในด้านที่มีราคาแพง

ตัวอย่าง

การแสดงข้อมูลที่ดี: รวมการนำเสนอข้อมูลหลาย ๆ

แผนภูมิกระจายสามารถแสดงข้อมูลจำนวนมากโดยเฉพาะอย่างยิ่งเมื่อกำหนดรหัสสีเพื่อแสดงจุดเพิ่มเติม

บรรทัดล่าง

Datawrapper เป็นตัวเลือกที่ยอดเยี่ยมสำหรับการแสดงภาพข้อมูลสำหรับไซต์ข่าว แม้จะมีป้ายราคา แต่ฟีเจอร์ Datawrapper ก็มีไว้สำหรับการแสดงภาพข่าวโดยเฉพาะทำให้คุ้มค่า

D3.js

D3.js เป็นไลบรารี JavaScript สำหรับจัดการเอกสารโดยใช้ข้อมูล D3.js ต้องมีความรู้เกี่ยวกับ JS เป็นอย่างน้อยแม้ว่าจะมีแอปที่อนุญาตให้ผู้ใช้ที่ไม่ได้เขียนโปรแกรมสามารถใช้ไลบรารีได้

แอพเหล่านั้น ได้แก่ NVD3 ซึ่งนำเสนอแผนภูมิที่ใช้ซ้ำได้สำหรับ D3.js; Plotly’s Chart Studio ซึ่งยังช่วยให้นักออกแบบสร้าง WebGL และแผนภูมิอื่น ๆ และ แผนภูมิผู้ชาย ซึ่งใช้เฟรมเวิร์ก Ember.js ด้วย

ข้อดี

  • มีประสิทธิภาพและปรับแต่งได้มาก
  • ประเภทแผนภูมิจำนวนมากเป็นไปได้
  • เน้นมาตรฐานเว็บ
  • เครื่องมือที่มีให้สำหรับผู้ที่ไม่ใช่โปรแกรมเมอร์สร้างภาพ
  • ฟรีและโอเพ่นซอร์ส

จุดด้อย

  • ต้องใช้ความรู้ด้านการเขียนโปรแกรมเพื่อใช้เพียงอย่างเดียว
  • มีการสนับสนุนน้อยกว่าเครื่องมือแบบชำระเงิน

ตัวอย่าง

ตัวอย่างการแสดงข้อมูล: แผนภาพคอร์ด

แผนภาพคอร์ดแสดงความสัมพันธ์ระหว่างกลุ่มของรายการ


ความแตกต่างระหว่าง s corp c corp และ llc

ตัวอย่างการแสดงข้อมูล: แผนที่ Choropleth

การแสดงข้อมูลทางภูมิศาสตร์ทำได้ดีที่สุดด้วยแผนที่ข้อมูล


ตัวอย่างการแสดงข้อมูล: แผนที่ voronoi

แผนที่ Voronoi เป็นวิธีที่น่าสนใจในการแสดงข้อมูลทางภูมิศาสตร์

บรรทัดล่าง

D3.js เหมาะสำหรับนักออกแบบที่มีสิทธิ์เข้าถึงโปรแกรมเมอร์เพื่อขอความช่วยเหลือหรือมีความรู้ด้านการเขียนโปรแกรมด้วยตนเอง

Google Charts

Google Charts เป็นเครื่องมือแสดงข้อมูลที่มีประสิทธิภาพและไม่เสียค่าใช้จ่ายซึ่งมีไว้สำหรับการสร้างแผนภูมิเชิงโต้ตอบสำหรับการฝังทางออนไลน์โดยเฉพาะ ทำงานร่วมกับข้อมูลแบบไดนามิกและผลลัพธ์จะขึ้นอยู่กับ HTML5 และ SVG เท่านั้นดังนั้นจึงทำงานในเบราว์เซอร์โดยไม่ต้องใช้ปลั๊กอินเพิ่มเติม แหล่งข้อมูล ได้แก่ Google Spreadsheets, Google Fusion Tables, Salesforce และฐานข้อมูล SQL อื่น ๆ

แผนภูมิมีหลากหลายประเภท ได้แก่ แผนที่แผนภูมิกระจายแผนภูมิคอลัมน์และแท่งฮิสโตแกรมแผนภูมิพื้นที่แผนภูมิวงกลมแผนภูมิเส้นเวลามาตรวัดและอื่น ๆ อีกมากมาย แผนภูมิเหล่านี้สามารถปรับแต่งได้อย่างสมบูรณ์ผ่านการแก้ไข CSS อย่างง่าย

ข้อดี

  • ฟรี
  • มีรูปแบบแผนภูมิที่หลากหลาย
  • เข้ากันได้กับข้ามเบราว์เซอร์เนื่องจากใช้ HTML5 / SVG
  • ทำงานร่วมกับข้อมูลแบบไดนามิก

จุดด้อย

  • นอกเหนือจากบทแนะนำและฟอรัมแล้วยังมีการสนับสนุนที่ จำกัด

ตัวอย่าง

เครื่องมือแสดงข้อมูล: Google Charts

แผนภูมิคำสั่งผสมแสดงแนวโน้มและการเปรียบเทียบ


วิธีการแสดงข้อมูล: แผนภูมิภูมิศาสตร์

GeoCharts เป็นเพียงวิธีการหนึ่งในการแสดงข้อมูลด้วย Google Charts


แนวทางปฏิบัติที่ดีที่สุดในการแสดงข้อมูล: คำอธิบายประกอบ

คำอธิบายประกอบทำให้แผนภูมิและกราฟเข้าใจง่ายขึ้น

บรรทัดล่าง

Google Charts เป็นตัวเลือกที่ยอดเยี่ยมหากนักออกแบบค่อนข้างพอใจกับการเขียนโค้ดและต้องการโซลูชันที่มีประสิทธิภาพและไม่เสียค่าใช้จ่าย ความสามารถในการใช้ฐานข้อมูล SQL เป็นแหล่งข้อมูลทำให้เป็นตัวเลือกที่ดีสำหรับชุดข้อมูลขนาดใหญ่เช่นกัน

FusionCharts

FusionCharts เป็นอีกหนึ่งตัวเลือกที่ใช้ JavaScript สำหรับการสร้างแดชบอร์ดบนเว็บและอุปกรณ์เคลื่อนที่ ประกอบด้วยแผนภูมิมากกว่า 150 ประเภทและแผนที่ 1,000 ประเภท สามารถทำงานร่วมกับเฟรมเวิร์ก JS ยอดนิยม (รวมถึง React, jQuery, React, Ember และ Angular) รวมถึงภาษาโปรแกรมฝั่งเซิร์ฟเวอร์ (รวมถึง PHP, Java, Django และ Ruby on Rails)

FusionCharts ให้รหัสที่พร้อมใช้งานสำหรับแผนภูมิและรูปแบบแผนที่ทั้งหมดทำให้ง่ายต่อการฝังในเว็บไซต์แม้กระทั่งสำหรับนักออกแบบที่มีความรู้ด้านการเขียนโปรแกรม จำกัด เนื่องจาก FusionCharts มุ่งเป้าไปที่การสร้างแดชบอร์ดแทนที่จะเป็นเพียงแค่การแสดงข้อมูลที่ตรงไปตรงมาจึงเป็นหนึ่งในตัวเลือกที่แพงที่สุดที่รวมอยู่ในบทความนี้ แต่ยังมีประสิทธิภาพมากที่สุดอีกด้วย

ข้อดี

  • ตัวเลือกรูปแบบแผนภูมิและแผนที่จำนวนมาก
  • คุณสมบัติมากกว่าเครื่องมือสร้างภาพอื่น ๆ ส่วนใหญ่
  • ผสานรวมกับเฟรมเวิร์กและภาษาโปรแกรมต่างๆ

จุดด้อย

  • แพง (เริ่มต้นที่เกือบ $ 500 สำหรับใบอนุญาตนักพัฒนาหนึ่งใบ)
  • Overkill สำหรับการแสดงภาพอย่างง่ายนอกสภาพแวดล้อมแดชบอร์ด

ตัวอย่าง

แดชบอร์ดการแสดงข้อมูล

FusionCharts ออกแบบมาสำหรับการสร้างแดชบอร์ดการแสดงข้อมูล


แดชบอร์ดเป็นวิธีง่ายๆในการแสดงภาพข้อมูลหลายรายการพร้อมกัน

แดชบอร์ดสามารถแสดงภาพข้อมูลจำนวนมากเคียงข้างกัน


แดชบอร์ดการแสดงข้อมูลเป็นภาพที่ยอดเยี่ยมสำหรับการใช้งานทางธุรกิจ

การจัดการการดำเนินธุรกิจทำได้ดีที่สุดด้วยแดชบอร์ดการแสดงข้อมูล

การปรับแต่งประสิทธิภาพเซิร์ฟเวอร์ sql 2008

บรรทัดล่าง

สำหรับการสร้างแดชบอร์ดไม่มีอะไรอื่นในบทความนี้เมื่อเปรียบเทียบกับ FusionCharts หากเป็นโครงการที่อยู่ในมือนี่คือทางเลือกที่ทรงพลังที่สุดอย่างไม่ต้องสงสัย

Chart.js

Chart.js เป็นไลบรารีแผนภูมิ JavaScript ที่เรียบง่าย แต่ยืดหยุ่น เป็นโอเพนซอร์สมีประเภทแผนภูมิที่หลากหลาย (รวมแปดรายการ) และอนุญาตให้มีภาพเคลื่อนไหวและการโต้ตอบ

Chart.js ใช้ผ้าใบ HTML5 สำหรับเอาต์พุตดังนั้นจึงแสดงผลแผนภูมิได้ดีในเบราว์เซอร์สมัยใหม่ทั้งหมด แผนภูมิที่สร้างขึ้นก็ตอบสนองได้เช่นกันดังนั้นจึงเหมาะอย่างยิ่งสำหรับการสร้างการแสดงภาพที่เหมาะกับอุปกรณ์เคลื่อนที่

ข้อดี

  • ฟรีและโอเพ่นซอร์ส
  • เอาต์พุตที่ตอบสนองและรองรับข้ามเบราว์เซอร์

จุดด้อย

  • ประเภทแผนภูมิที่ จำกัด มากเมื่อเทียบกับเครื่องมืออื่น ๆ
  • การสนับสนุนที่ จำกัด นอกเอกสารอย่างเป็นทางการ

ตัวอย่าง

เทคนิคการแสดงข้อมูล: แผนภูมิฟองแบบโต้ตอบ

แผนภูมิฟองสามารถแสดงจุดข้อมูลจำนวนมากพร้อมกัน


เทคนิคการแสดงข้อมูล: แผนภูมิเส้นหลายแกน

แผนภูมิเส้นแบบหลายแกนจะดีกว่าเมื่อมีการใส่คำอธิบายประกอบ (อันนี้ใช้คำแนะนำเครื่องมือเมื่อวางเมาส์เหนือจุดบนเส้น)


วิธีการแสดงข้อมูล: แผนภูมิเส้นพื้นที่แบบเรียงซ้อน

แผนภูมิเส้นพื้นที่แบบเรียงซ้อนเป็นการแสดงภาพที่โดดเด่นด้วยสายตา

บรรทัดล่าง

Chart.js เป็นตัวเลือกที่ดีสำหรับนักออกแบบที่ต้องการตัวเลือกการแสดงภาพเชิงโต้ตอบที่เรียบง่ายปรับแต่งได้ จุดขายที่ใหญ่ที่สุดคือฟรีและโอเพ่นซอร์ส

กราฟาน่า

กราฟาน่า เป็นซอฟต์แวร์การแสดงภาพแบบโอเพนซอร์สที่ช่วยให้ผู้ใช้สร้างแดชบอร์ดแบบไดนามิกและการแสดงภาพอื่น ๆ รองรับแหล่งข้อมูลแบบผสมคำอธิบายประกอบและฟังก์ชั่นการแจ้งเตือนที่ปรับแต่งได้และสามารถขยายผ่านปลั๊กอินที่มีอยู่หลายร้อยรายการ นั่นทำให้เป็นหนึ่งในเครื่องมือสร้างภาพที่มีประสิทธิภาพมากที่สุด

ฟังก์ชันการส่งออกช่วยให้นักออกแบบแชร์สแนปชอตของแดชบอร์ดและเชิญผู้ใช้รายอื่นให้ทำงานร่วมกัน Grafana รองรับแหล่งข้อมูลมากกว่า 50 แหล่งผ่าน ปลั๊กอิน . ดาวน์โหลดได้ฟรีหรือมีเวอร์ชันที่โฮสต์บนคลาวด์ในราคา $ 49 / เดือน (นอกจากนี้ยังมีเวอร์ชันโฮสต์ฟรีที่ จำกัด มาก) เวอร์ชันที่ดาวน์โหลดได้ยังมีแผนสนับสนุนซึ่งมีเครื่องมือโอเพนซอร์สอื่น ๆ อีกมากมายที่ไม่มีให้

ข้อดี

  • โอเพ่นซอร์สพร้อมตัวเลือกฟรีและจ่ายเงิน
  • มีแหล่งข้อมูลให้เลือกมากมาย
  • มีประเภทแผนภูมิที่หลากหลาย
  • ทำให้การสร้างแดชบอร์ดแบบไดนามิกเป็นเรื่องง่าย
  • สามารถทำงานกับฟีดข้อมูลแบบผสม

จุดด้อย

  • Overkill สำหรับการสร้างการแสดงภาพอย่างง่าย
  • ไม่มีตัวเลือกการปรับแต่งภาพมากเท่ากับเครื่องมืออื่น ๆ
  • ไม่ใช่ตัวเลือกที่ดีที่สุดสำหรับการสร้างภาพการแสดงภาพ
  • ไม่สามารถฝังแดชบอร์ดในเว็บไซต์ได้แม้ว่าจะเป็นไปได้สำหรับแผงควบคุมแต่ละแผง

ตัวอย่าง

แดชบอร์ดการแสดงข้อมูล

Grafana เป็นเครื่องมือแดชบอร์ดการแสดงข้อมูลที่มีประสิทธิภาพ


แดชบอร์ดการแสดงข้อมูล

แดชบอร์ดการแสดงข้อมูล

บรรทัดล่าง

Grafana เป็นหนึ่งในตัวเลือกที่ดีที่สุดสำหรับการสร้างแดชบอร์ดสำหรับการใช้งานภายในโดยเฉพาะสำหรับแหล่งข้อมูลแบบผสมหรือขนาดใหญ่

Chartist.js

Chartist.js เป็นไลบรารี JavaScript แบบโอเพนซอร์สฟรีที่ช่วยให้สามารถสร้างแผนภูมิที่ตอบสนองอย่างง่ายซึ่งปรับแต่งได้สูงและเข้ากันได้กับข้ามเบราว์เซอร์ ไลบรารี JavaScript ทั้งหมดมีขนาดเพียง 10KB เมื่อ GZIPped แผนภูมิที่สร้างด้วย Chartist.js สามารถเคลื่อนไหวได้และปลั๊กอินอนุญาตให้ขยายได้

ข้อดี

  • ฟรีและโอเพ่นซอร์ส
  • ขนาดไฟล์เล็ก
  • แผนภูมิสามารถเคลื่อนไหวได้

จุดด้อย

  • ไม่ใช่ประเภทแผนภูมิที่มีให้เลือกมากที่สุด
  • ไม่มีความสามารถในการทำแผนที่
  • การสนับสนุนที่ จำกัด นอกชุมชนนักพัฒนา

ตัวอย่าง

พื้นฐานของการแสดงข้อมูล: Complex isn

Chartist.js มีกราฟพื้นฐานหลายประเภท

บรรทัดล่าง

Chartist.js เป็นตัวเลือกที่ดีสำหรับนักออกแบบที่ต้องการแผนภูมิที่ตอบสนองง่ายฝังตัวได้และมีขนาดไฟล์เล็ก

ซิกแม็กซ์

ซิกแม็กซ์ เป็นเครื่องมือแสดงภาพแบบจุดประสงค์เดียวสำหรับการสร้างกราฟเครือข่าย สามารถปรับแต่งได้สูง แต่ต้องมีความรู้พื้นฐานเกี่ยวกับ JavaScript ในการใช้งาน กราฟที่สร้างขึ้นสามารถฝังได้โต้ตอบและตอบสนองได้

ข้อดี

  • ปรับแต่งได้สูงและขยายได้
  • ฟรีและโอเพ่นซอร์ส
  • ง่ายต่อการฝังกราฟในเว็บไซต์และแอพ

จุดด้อย

  • สร้างการแสดงภาพประเภทเดียวเท่านั้น: กราฟเครือข่าย
  • ต้องใช้ความรู้ JS ในการปรับแต่งและใช้งาน

ตัวอย่าง

วิธีการแสดงข้อมูล: แผนภูมิเครือข่าย

ซิกมาจสร้างกราฟเครือข่ายโดยเฉพาะ

โน้ตแปลงสภาพคืออะไร

บรรทัดล่าง

เนื่องจากการโฟกัสเพียงจุดเดียว Sigmajs จึงเป็นตัวเลือกที่ยอดเยี่ยมสำหรับการสร้างกราฟเครือข่ายตราบใดที่นักออกแบบพอใจกับ JavaScript

โพลีแมป

โพลีแมป เป็นไลบรารี JavaScript เฉพาะสำหรับการทำแผนที่ ผลลัพธ์คือแผนที่แบบไดนามิกที่ตอบสนองในรูปแบบต่างๆตั้งแต่การซ้อนทับภาพไปจนถึงแผนที่สัญลักษณ์ไปจนถึงแผนที่ความหนาแน่น ใช้ SVG ในการสร้างภาพดังนั้นนักออกแบบจึงสามารถใช้ CSS เพื่อปรับแต่งภาพของแผนที่ได้

ข้อดี

  • ฟรีและโอเพ่นซอร์ส
  • สร้างขึ้นโดยเฉพาะสำหรับการทำแผนที่
  • ง่ายต่อการฝังแผนที่ในเว็บไซต์และแอพ

จุดด้อย

  • สร้างการแสดงภาพประเภทเดียวเท่านั้น
  • ต้องใช้ความรู้ในการเขียนโค้ดเพื่อปรับแต่งและใช้งาน

ตัวอย่าง

การแสดงข้อมูลที่ดี

ในกรณีนี้ข้อมูลที่แสดงเป็นชุดภาพถ่ายจากหอดูดาวโลกของ NASA


เครื่องมือแสดงข้อมูล: โพลีแมป

การแสดงภาพถ่ายที่ติดแท็กตำแหน่งของ Flickr

บรรทัดล่าง

Polymaps เป็นตัวเลือกที่ดีหากแผนที่เป็นเพียงประเภทเดียวของการแสดงภาพที่จำเป็นตราบใดที่ผู้ออกแบบพอใจกับการเข้ารหัสพื้นฐานบางอย่าง

สรุป

นักออกแบบมีเครื่องมือสร้างภาพที่หลากหลายซึ่งอาจเป็นเรื่องยากที่จะตัดสินใจว่าจะใช้เครื่องมือใด นักออกแบบการแสดงข้อมูล ควรคำนึงถึงสิ่งต่างๆเช่นใช้งานง่ายและเครื่องมือมีคุณสมบัติที่ต้องการหรือไม่

การเลือกเครื่องมือที่ทรงพลังที่สุดที่มีอยู่ไม่ใช่ความคิดที่ดีที่สุดเสมอไป: เส้นโค้งการเรียนรู้อาจสูงชันได้โดยต้องใช้ทรัพยากรมากขึ้นในการเริ่มต้นใช้งานในขณะที่เครื่องมือที่ง่ายกว่าอาจสามารถสร้างสิ่งที่ต้องการได้ในเวลาเพียงเสี้ยว อย่างไรก็ตามจำไว้ว่าเครื่องมือเป็นเพียงส่วนหนึ่งของสมการในการสร้างภาพข้อมูล นักออกแบบยังต้องพิจารณาว่ามีอะไรอีกบ้างในการสร้างภาพข้อมูลที่ยอดเยี่ยม

เครื่องมือแสดงภาพข้อมูลส่วนใหญ่มีการทดลองใช้ฟรี (หากเครื่องมือทั้งหมดไม่ฟรี) ดังนั้นจึงควรค่าแก่การลองใช้สักเล็กน้อยก่อนที่จะตัดสินใจเลือกโซลูชันเดียว

•••

อ่านเพิ่มเติมในบล็อกการออกแบบ ApeeScape:

  1. การแสดงข้อมูล - แนวทางปฏิบัติและพื้นฐานที่ดีที่สุด
  2. รับแรงบันดาลใจด้วยการแสดงข้อมูลเหล่านี้
  3. การออกแบบแดชบอร์ด - ข้อพิจารณาและแนวทางปฏิบัติที่ดีที่สุด
  4. หากคุณไม่ได้ใช้ข้อมูล UX แสดงว่าไม่ใช่การออกแบบ UX
  5. ความแข็งแกร่งในตัวเลข - ภาพรวมของการออกแบบที่ขับเคลื่อนด้วยข้อมูล

ทำความเข้าใจพื้นฐาน

เครื่องมือแสดงข้อมูลที่ดีที่สุดคืออะไร

เครื่องมือแสดงข้อมูลที่ดีที่สุด ได้แก่ Google Charts, Tableau, Grafana, Chartist.js, FusionCharts, Datawrapper, Infogram, ChartBlocks และ D3.js เครื่องมือที่ดีที่สุดมีรูปแบบการแสดงภาพที่หลากหลายใช้งานง่ายและจัดการชุดข้อมูลขนาดใหญ่ได้

เครื่องมือแสดงข้อมูลคืออะไร

เครื่องมือแสดงภาพข้อมูลช่วยให้นักออกแบบสามารถสร้างการแสดงภาพชุดข้อมูลขนาดใหญ่ได้ง่ายขึ้น เมื่อจัดการกับชุดข้อมูลที่มีจุดข้อมูลหลายแสนจุดหรือหลายล้านจุดการสร้างภาพอัตโนมัติทำให้งานของนักออกแบบง่ายขึ้นอย่างมาก

เทคนิคการแสดงข้อมูลคืออะไร?

เทคนิคการแสดงข้อมูลประกอบด้วยแผนภูมิ (เส้นแถบหรือวงกลม) พล็อต (ฟองหรือกระจาย) แผนภาพแผนที่ (แผนที่ความร้อนแผนที่ภูมิศาสตร์ ฯลฯ ) และเมทริกซ์ เทคนิคเฉพาะเหล่านี้มีหลายรูปแบบที่นักออกแบบสามารถใช้เพื่อตอบสนองความต้องการด้านการแสดงภาพที่เฉพาะเจาะจงโดยพิจารณาจากข้อมูลที่พวกเขากำลังดำเนินการอยู่

เหตุใดเราจึงใช้การแสดงข้อมูล

ชุดข้อมูลขนาดใหญ่ที่มีจุดข้อมูลหลายพันหรือหลายล้านจุดแทบจะเป็นไปไม่ได้เลยที่จะแยกแยะข้อมูลที่ใช้งานได้หรือหาข้อสรุปได้เว้นแต่จะใช้การแสดงภาพบางประเภทไม่ว่าจะเป็นกราฟพื้นฐานหรือแดชบอร์ดการแสดงภาพข้อมูลเชิงโต้ตอบ

การแสดงข้อมูลมีความสำคัญอย่างไร

หากไม่มีการแสดงภาพข้อมูลการหาข้อสรุปจากชุดข้อมูลขนาดใหญ่หรือแม้แต่การแยกแยะข้อมูลที่ใช้งานได้จากข้อมูลเหล่านี้แทบจะเป็นไปไม่ได้เลย การใช้วิธีการแสดงข้อมูลนักออกแบบสามารถทำให้ผู้มีส่วนได้ส่วนเสียเข้าใจข้อมูลได้

กลยุทธ์การสื่อสารที่มีประสิทธิภาพสำหรับนักออกแบบ

กระบวนการออกแบบ

กลยุทธ์การสื่อสารที่มีประสิทธิภาพสำหรับนักออกแบบ
Ana Sustic นักพัฒนาชาวสโลวีเนียได้รับทุนการศึกษา ApeeScape ครั้งที่สอง

Ana Sustic นักพัฒนาชาวสโลวีเนียได้รับทุนการศึกษา ApeeScape ครั้งที่สอง

อื่น ๆ

โพสต์ยอดนิยม
วิธีการรับสมัครผู้เข้าร่วมวิจัย UX
วิธีการรับสมัครผู้เข้าร่วมวิจัย UX
การลงทุนใน Cryptocurrencies: The Ultimate Guide
การลงทุนใน Cryptocurrencies: The Ultimate Guide
การออกแบบเว็บไซต์ CMS: คู่มือการใช้งานเนื้อหาแบบไดนามิก
การออกแบบเว็บไซต์ CMS: คู่มือการใช้งานเนื้อหาแบบไดนามิก
บทช่วยสอนเกี่ยวกับส่วนขยายแอป iOS 8
บทช่วยสอนเกี่ยวกับส่วนขยายแอป iOS 8
การดำดิ่งสู่ React Native (บทช่วยสอนสำหรับผู้เริ่มต้น)
การดำดิ่งสู่ React Native (บทช่วยสอนสำหรับผู้เริ่มต้น)
 
Init.js: คำแนะนำเกี่ยวกับเหตุผลและวิธีการของชุดเทคโนโลยี JavaScript
Init.js: คำแนะนำเกี่ยวกับเหตุผลและวิธีการของชุดเทคโนโลยี JavaScript
สาเหตุและผลกระทบ - การสำรวจจิตวิทยาสี
สาเหตุและผลกระทบ - การสำรวจจิตวิทยาสี
คุณต้องการฮีโร่: ผู้จัดการโครงการ
คุณต้องการฮีโร่: ผู้จัดการโครงการ
แนวทางปฏิบัติที่ดีที่สุดในการออกแบบ UI เพื่อการสแกนที่ดีขึ้น
แนวทางปฏิบัติที่ดีที่สุดในการออกแบบ UI เพื่อการสแกนที่ดีขึ้น
13 Podcasts นักออกแบบทุกคนควรฟัง
13 Podcasts นักออกแบบทุกคนควรฟัง
โพสต์ยอดนิยม
  • cfo ทำอะไรในการเริ่มต้น
  • llc s corp . คืออะไร
  • เหตุใดสถาปนิกจึงอาจเลือกจังหวะที่เรียบง่ายและซ้ำซากสำหรับอาคารของเขาหรือเธอ
  • ตัวอย่างของการปิดในทางจิตวิทยา
  • วิธีการทำการวิเคราะห์ตามการได้มา
  • ขับ uber vs lyft 2017
หมวดหมู่
  • การจัดการวิศวกรรม
  • วิทยาศาสตร์ข้อมูลและฐานข้อมูล
  • เครื่องมือและบทช่วยสอน
  • นักลงทุนและเงินทุน
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt