d3.ตัวอย่าง

การใช้เฟรมเวิร์ก `d3.js` สำหรับการจัดการและสำรวจข้อมูล Eurostat และข้อมูลเมตา

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

คำอธิบาย

ตัวอย่างที่ 1	ตัวอย่างที่ 2	ตัวอย่างที่ 3

ตัวอย่างที่ 1

การแสดงภาพผลลัพธ์ที่ให้ไว้ในตัวอย่างที่ 1 นำ วัสดุกลับมาใช้ใหม่ตามเค้าโครง d3-force ที่พัฒนาขึ้นสำหรับสิ่งพิมพ์ของ New York Times เกี่ยวกับข้อเสนองบประมาณของ Obama เพื่อแสดงการโต้ตอบของตัวบ่งชี้ EU-SILC ที่เลือก

หน้าเว็บ example1_peps01.html จริง ๆ แล้วแสดงตัวเลขที่สำคัญบางประการ (ปี 2016) ที่เกี่ยวข้องกับตัวบ่งชี้ ESTAT ilc_peps01 เกี่ยวกับ บุคคลที่มีความเสี่ยงต่อความยากจนหรือการกีดกันทางสังคม ตามอายุและเพศ ตัวอย่างเช่น githack การแสดงตัวอย่างหน้าเว็บนี้มีให้บริการตามที่อยู่นี้ (แม้ว่าการแสดงผลจะช้ากว่ามากและคุณลักษณะบางอย่างของหน้าจะถูกปิดใช้งาน)

ตัวอย่างที่ 2

การแสดงภาพเอาท์พุตที่ให้ไว้ในตัวอย่างที่ 2 นำ วัสดุ d3 ที่นำมาใช้ในบทช่วยสอนเกี่ยวกับโฟลว์ไดอะแกรมมาใช้ ซ้ำ เพื่อแสดงการเชื่อมโยงการพึ่งพาระหว่างข้อมูล Eurostat และข้อมูลเมตา

หน้าเว็บ example2_icw.html แสดงการขึ้นต่อกันระหว่างตัวบ่งชี้ Eurostat (ทดลอง) เกี่ยวกับรายได้ การบริโภค และความมั่งคั่ง (ICW) และมิติข้อมูลต่างๆ ที่ใช้จริงสำหรับคำจำกัดความของการแจกแจงประชากร การแสดงตัวอย่างหน้าเว็บนี้มีให้บริการตามที่อยู่นี้ ในขณะที่ตัวอย่างอื่นที่อิงตามข้อมูลเมตาสำหรับ ชุดข้อมูล EU-SILC จะแสดงไว้ที่นี่

ตัวอย่างที่ 3

การสร้างภาพกราฟที่แสดงในตัวอย่างที่ 3 นำ วัสดุเค้าโครง d3-tree มาใช้ซ้ำซึ่งแสดงในตัวอย่างออนไลน์ของต้นไม้แบบลากแล้วปล่อยแบบซูมได้ การแพน และแบบยุบได้ เพื่อแสดงสารบัญของฐานข้อมูลออนไลน์ของ Eurostat

หน้าเว็บ example3_toc.html แสดงสารบัญที่ขยายได้ มีการดูตัวอย่างหน้าเว็บนี้ตามที่อยู่นี้

เกี่ยวกับ

เอกสารประกอบ	ดูได้ที่: https://eurostat.github.io/d3.examples/
สถานะ	ตั้งแต่ปี 2560 – อย่างต่อเนื่อง
ผู้ร่วมให้ข้อมูล
ใบอนุญาต	EUPL