D3.js توثيق المكتبة

D3.js هي مكتبة JavaScript قوية لتصور البيانات وإنشاء رسومات تفاعلية في المتصفح

قوة تصور البيانات

استكشف إمكانيات لا حصر لها مع D3.js

المميزات

لماذا تستخدم D3.js؟

D3.js تجمع بين القوة والمرونة لإنشاء تصورات بيانات مذهلة

تصور البيانات بشكل ديناميكي
إنشاء رسومات بيانية تفاعلية وتصورات معقدة بسهولة باستخدام مجموعة واسعة من الأدوات
أداء عالي
تعامل مع مجموعات بيانات كبيرة وتحديثات متتالية بكفاءة عالية
واجهة برمجة قوية
تحكم كامل في كيفية عرض البيانات ومعالجتها على مستوى DOM
مجتمع نشط
استفد من مجتمع المطورين النشط والموارد الوفيرة والأمثلة الجاهزة للاستخدام

البداية

كيفية استخدام D3.js

البدء مع D3.js سهل وبسيط

تثبيت D3.js

باستخدام CDN
<script src="https://d3js.org/d3.v7.min.js"></script>
باستخدام npm
npm install d3
مثال بسيط
// إنشاء رسم بياني خطي بسيط
d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 300)
  .append("rect")
  .attr("x", 50)
  .attr("y", 50)
  .attr("width", 400)
  .attr("height", 200)
  .attr("fill", "steelblue");