10 เครื่องมือฟรีสำหรับการแสดงข้อมูล

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

ตาม การศึกษาทางวิทยาศาสตร์มนุษย์น่าจะลืมข้อมูล 90% ที่ได้ยินในสามวัน น่าสนใจอัตรานี้ลดลงเหลือ 35% เมื่อจับคู่ข้อมูลกับรูปภาพที่เกี่ยวข้อง

คุณสงสัยว่าทำไม

เชื่อหรือไม่ว่าสมองมีสายในการกรองออก 99% ของข้อมูลทางประสาทสัมผัสทั้งหมด เกือบจะในทันที ในที่สุดจะมีการประมวลผลเพียง 1% เท่านั้นและนั่นรวมถึงอินโฟกราฟิก

การศึกษาที่น่าติดตามได้พิสูจน์แล้วว่าผู้เยี่ยมชมเว็บไซต์ให้ความสำคัญกับข้อมูลที่ฝังอยู่กับภาพมากขึ้น 81% ของพวกเขาเป็น skimmers และพวกเขามักจะจบลงด้วยการอ่านเท่านั้น 20-28% ของคำทั้งหมด

นี้หมายความว่าอย่างไร

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

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

WebDataRocks

ชื่อที่น่าสนใจค่อนข้างเรามีที่นี่เพื่อเริ่มเราออก และซอฟต์แวร์ยังมีชีวิตอยู่อย่างแน่นอนโดยการแสดงข้อมูลที่ถูกต้องแม่นยำที่สร้างจากไฟล์ JSON และ CSV

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

webdatarocks

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

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

มันง่ายจริงๆ และมีอะไรเพิ่มเติม คุณสามารถฝัง WebDataRocks ไว้ใน Angular framework

Tableau สาธารณะ

เคยได้ยิน Tableau เดสก์ท็อป? มันเป็นระบบสร้างภาพข้อมูลที่ทรงพลังที่มีให้เฉพาะผู้ใช้ที่ชำระเงินเท่านั้น

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

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

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

Tableau สาธารณะ

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

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

D3.js

D3.js มีความโดดเด่นเป็นพิเศษในโลกของการเขียนโปรแกรมและนักพัฒนาจำนวนมากก็อ้างว่าเป็น "D3" อย่างไรก็ตามอย่างเป็นทางการชื่อนี้แทน“ D” สามตัวใน“ Data Driven Documents”

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

D3.js

โชคดีที่ D3.js นั้นเกี่ยวกับเทคโนโลยีเว็บแบบเปิด - CSS, SVG และ HTML นั่นหมายความว่าคุณสามารถพึ่งพาได้เพื่อรวมกับแพลตฟอร์มและเว็บเบราว์เซอร์ต่างๆ แอปพลิเคชันเดสก์ท็อป Android และ iOS สามารถรองรับเทคโนโลยีทั้งสามนี้ได้อย่างสะดวกสบาย

และเมื่อพูดถึงเบราว์เซอร์คุณจะต้องมีเครื่องมือที่ทันสมัยเพื่อจัดการ D3.js ได้อย่างราบรื่น สิ่งใดก็ตามที่มาก่อน Internet Explorer 9 อาจเข้ากันไม่ได้กับกรอบทั้งหมด

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

FusionCharts

ในขณะที่ D3 เข้ากันได้กับเบราว์เซอร์รุ่นล่าสุดเท่านั้น FusionCharts สามารถรองรับเวอร์ชั่นเก่า - จนถึง Internet Explorer 6 ดังนั้นคุณสามารถทำงานได้อย่างไร้ที่ติโดยไม่มีปัญหาความเข้ากันได้

ยุติธรรมพอสมควร แต่มันมีพลังแค่ไหน?

สำหรับผู้เริ่มต้น FusionCharts มีแผนที่มากกว่า 960 แผนที่และมากกว่า 90 ชาร์ต และนั่นคือสิ่งที่เหนือกว่าสิ่งที่ผู้เชี่ยวชาญด้านการสร้างภาพและนักพัฒนาส่วนใหญ่ต้องการ

นอกจากนั้นเครื่องมือดังกล่าวสร้างขึ้นเพื่อรองรับไฟล์ XML และ JSON รวมเข้ากับแพลตฟอร์มและอุปกรณ์ที่หลากหลาย

FusionCharts

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

Datawrapper

แม้ว่าจะมีการจดทะเบียนอย่างเป็นทางการภายใต้ บริษัท ในเยอรมนี แต่ Datawrapper เป็นเครื่องมือโอเพนซอร์ซที่พัฒนาขึ้นโดยนักข่าวนักพัฒนาและนักออกแบบหลาย ๆ คนในหลายประเทศ

นักข่าวมีส่วนร่วมเพราะปรากฎว่าพวกเขาเป็นผู้ใช้เป้าหมายหลัก Datawrapper ได้รับการปรับให้เหมาะสมสำหรับการสร้างการสร้างภาพข้อมูลที่น่าสนใจซึ่งเหมาะอย่างยิ่งสำหรับชิ้นข่าว

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

Datawrapper

น่าเศร้าที่จำนวนคนที่สามารถดูแผนภูมิผลลัพธ์มี จำกัด คุณได้รับอนุญาตให้โฮสต์ 10,000 วิวต่อแผนภูมิ สิ่งใดที่เกินกว่าที่คุณต้องการอัปเกรดเป็นรุ่นที่ต้องชำระเงิน

ลองคิดดูสิว่า 10,000 คนเป็นจำนวนที่ค่อนข้างทึบ ธุรกิจขนาดเล็กที่ได้มาตรฐานอาจต้องใช้เวลาพอสมควร ในทางกลับกันธุรกิจขนาดใหญ่นั้นดีกว่ารุ่นที่จ่ายเงินไปมาก

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

ผู้สร้างชาร์ต

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

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

ที่กล่าวมาประชดที่นี่คือว่านักข่าวทั่วไปจะพบว่ามันยากที่จะใช้ Chartbuilder เฉพาะนักพัฒนาเท่านั้นที่จะสามารถตั้งค่าได้เนื่องจากกระบวนการเปิดใช้งานหลังจากดาวน์โหลดแอปนั้นเกี่ยวข้องกับการเข้ารหัส Python

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

ผู้สร้างแผนภูมิ

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

Google แผนภูมิ

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

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

แผนภูมิ google

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

สถานที่เกิดเหตุ

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

การสร้างภาพที่นี่ต้องการให้คุณวางลิงค์ไฟล์ของคุณจากนั้นกด“ ไป” มันง่ายจริงๆ คุณแนะนำไฟล์ Google Spreadsheet, TSV หรือ CSV และระบบจะแสดงกราฟิกที่เกี่ยวข้องในเวลาไม่กี่วินาที

สถานที่เกิดเหตุ

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

เพื่อเสริมสร้างโครงการของคุณเพิ่มเติม Charted มามีส่วนประกอบแบบฝังเช่นการสร้างภาพข้อมูลเชิงพื้นที่ GeoJS, การสร้างภาพเวก้า, การสร้างภาพเวก้า, องค์ประกอบที่โจมตี, องค์ประกอบที่ไม่ดีและส่วนประกอบ LineUp แต่คุณจะไม่สามารถบันทึกหรือปรับแต่งข้อมูลได้

OpenHeatMap

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

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

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

openheatmap

Google Data Studio

เป็นส่วนหนึ่งของกรอบการตลาดของ Google Google Data Studio ถูกสร้างขึ้นเพื่อปรับปรุงการตัดสินใจโดยการสร้างภาพข้อมูลอย่างละเอียด

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

google data studio

และเพื่อปรับปรุงรายงานให้ดีขึ้นคุณสามารถจับคู่ Google Data Studio กับบริการอื่น ๆ ของ Google เช่น Google Analytics, Adwords, Youtube และอื่น ๆ

สรุป

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

บ็อกดานแรนเซีย

บ็อกแดนเป็นสมาชิกผู้ก่อตั้งของนิตยสาร Inspired Mag ซึ่งสะสมประสบการณ์เกือบ 6 ปีในช่วงเวลานี้ ในเวลาว่างเขาชอบเรียนดนตรีคลาสสิกและสำรวจทัศนศิลป์ เขาค่อนข้างหมกมุ่นอยู่กับ fixies เช่นกัน เขาเป็นเจ้าของ 5 คนแล้ว