สร้างกราฟเส้น

ขั้นตอน 1 / 4

เพิ่มข้อมูลแนวโน้ม

เปรียบเทียบป้ายกำกับที่เรียงลำดับ 2 ถึง 20 รายการกับชุดข้อมูล 1 ถึง 4 ชุด ข้อมูลจะอยู่ในเบราว์เซอร์นี้

ป้ายกำกับ

เปลี่ยนลำดับของค่าให้เป็นกราฟเส้นหลายชุดข้อมูลที่อ่านง่าย นำเข้าข้อมูล CSV หรือข้อมูลคั่นด้วยแท็บที่มีหมวดหมู่พร้อมป้ายกำกับ 2 ถึง 20 รายการ และชุดข้อมูลที่มีชื่อ 1 ถึง 4 ชุด จากนั้นเลือกชุดสี เส้นตาราง จุดข้อมูล และเส้นโค้ง กราฟที่ได้ช่วยแสดงการเปลี่ยนแปลงของค่าในหมวดหมู่ที่เรียงลำดับเดียวกัน กราฟและไฟล์ส่งออก SVG, PNG และ CSV จะสร้างในเบราว์เซอร์ของคุณ

วิธีสร้างกราฟเส้น

  1. 1

    เตรียมคอลัมน์หมวดหมู่ร่วมหนึ่งคอลัมน์

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

  2. 2

    นำเข้าและจัดรูปแบบกราฟ

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

  3. 3

    ตรวจสอบสารและส่งออก

    ยืนยันว่าลำดับหมวดหมู่และป้ายกำกับชุดข้อมูลถูกต้อง จากนั้นดาวน์โหลดกราฟปัจจุบันเป็น SVG หรือ PNG และส่งออก CSV ด้วยเมื่อผู้อ่านต้องการค่าที่แน่นอน.

เริ่มจากลำดับที่เส้นอธิบายได้

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

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

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

ตัวอย่าง: การลงทะเบียนรายเดือน

นำเข้า CSV นี้เพื่อวาดเส้นสองเส้นตลอดสี่เดือน แถวแรกตั้งชื่อคอลัมน์หมวดหมู่และชุดข้อมูลสองชุด แต่ละแถวถัดไปมีหนึ่งหมวดหมู่และค่าของหมวดหมู่นั้น

Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126

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

จุดข้อมูล เส้นตาราง และเส้นโค้ง

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

ทำให้กราฟเข้าใจได้โดยไม่ใช้สีเพียงอย่างเดียว

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

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

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

คำถามที่พบบ่อย

คุณใช้หมวดหมู่พร้อมป้ายกำกับได้ 2 ถึง 20 รายการ และชุดข้อมูลที่มีชื่อได้ 1 ถึง 4 ชุด ทุกชุดควรใช้รายการหมวดหมู่ที่เรียงลำดับเดียวกัน เพื่อให้ผู้อ่านเปรียบเทียบเส้นในแต่ละตำแหน่งได้.

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

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

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

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

คุณส่งออกกราฟปัจจุบันเป็น SVG หรือ PNG และส่งออกข้อมูลเป็น CSV ได้ การประมวลผลกราฟและไฟล์ส่งออกถูกสร้างในเบราว์เซอร์ของคุณ ส่วนการโหลดหน้าตามปกติยังเป็นคำขอเว็บไซต์.

เครื่องมือที่เกี่ยวข้อง

ตัวสร้างบาร์โค้ด

สร้างบาร์โค้ด 1D ที่สแกนได้ใน Code 128, Code 39, EAN-13, UPC-A, ITF-14 และ Codabar ส่งออกเป็น PNG, SVG หรือ PDF สำหรับงานพิมพ์

แปลง WebP เป็น JPG

แปลงรูปภาพ WebP เป็น JPG/JPEG ได้โดยตรงในเบราว์เซอร์ เลือกคุณภาพ ผสานความโปร่งใสเข้ากับสีพื้นหลัง แล้วดาวน์โหลดโดยไม่ต้องอัปโหลดไฟล์

แปลง PNG เป็น SVG แบบเวกเตอร์

แปลงภาพ PNG แบบราสเตอร์เป็นพาธ SVG ในเบราว์เซอร์ เหมาะกับโลโก้ ไอคอน และงานลายเส้น ปรับค่า threshold จำนวนสี และการทำให้เส้นเรียบได้

เครื่องมือปรับขนาดรูปภาพสำหรับโซเชียลมีเดีย

ปรับขนาดรูปภาพหนึ่งภาพเป็นพรีเซ็ตโซเชียลมีเดียในตัวสำหรับ Instagram, Facebook, X, LinkedIn, YouTube, Pinterest และ TikTok ดูตัวอย่าง PNG แต่ละไฟล์และดาวน์โหลดขนาดที่ต้องใช้

BMP เป็น PNG

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

บีบอัด GIF

ลดขนาด GIF แอนิเมชันในเบราว์เซอร์ด้วยการย่อมิติ เก็บเฟรมน้อยลง และปรับคุณภาพการเข้ารหัส ดูตัวอย่างลูปก่อนดาวน์โหลด