D3.js 5



d

مرجع API D3

D3 هي مجموعة من الوحدات النمطية المصممة للعمل معًا ؛ يمكنك استخدام الوحدات النمطية بشكل مستقل ، أو يمكنك استخدامها معًا كجزء من البنية الافتراضية. المصدر والوثائق لكل وحدة متاح في مستودعها. اتبع الروابط أدناه لمعرفة المزيد. للاطلاع على التغييرات بين الإصدارات الرئيسية ، راجع CHANGES ؛ انظر أيضًا ملاحظات الإصدار ومرجع 3.x.

يستخدم D3 الإصدارات الدلالية . يتعرض الإصدار الحالي كـ d3.version.

المصفوفات (صفيف d3)

معالجة التلاعب ، الترتيب ، البحث ، التلخيص ، إلخ.

Statistics

طرق حساب إحصائيات الملخص الأساسية.

  • d3.min - حساب القيمة الدنيا في صفيف.
  • d3.max - حساب القيمة القصوى في صفيف.
  • d3.extent - حساب الحد الأدنى والحد الأقصى للقيمة في صفيف.
  • d3.sum - حساب مجموع مجموعة من الأرقام.
  • d3.mean - حساب الوسط الحسابي لمجموعة من الأرقام.
  • d3.median - حساب متوسط ​​مجموعة من الأرقام (0.5-quantile).
  • d3.quantile - حساب كمية لمجموعة مصنفة من الأرقام.
  • d3.variance - حساب التباين في مجموعة من الأرقام.
  • d3.deviation - حساب الانحراف المعياري لمجموعة من الأرقام.

طرق البحث عن المصفوفات لعنصر معين.

  • d3.scan - البحث الخطي عن عنصر باستخدام المقارنة.
  • d3.bisect - البحث الثنائي عن قيمة في صفيف مفروزة.
  • d3.bisectRight - البحث الثنائي عن قيمة في صفيف مفروزة.
  • d3.bisectLeft - البحث الثنائي عن قيمة في صفيف مفروزة.
  • d3.bisector - تشريح باستخدام ملحق أو المقارنة.
  • bisector .left - bisectLeft ، مع المقارنة.
  • bisector.right - bisectRight ، مع المقارنة.
  • d3.ascending - حساب الترتيب الطبيعي d3.ascending .
  • d3.descending - حساب الترتيب الطبيعي لقيمتين.

Transformations

طرق لتحويل المصفوفات ولإنشاء صفائف جديدة.

  • d3.cross - حساب المنتج الديكارتي من صفيفين.
  • d3.merge - دمج صفائف متعددة في صفيف واحد.
  • d3.pairs - إنشاء مجموعة من أزواج العناصر المجاورة.
  • d3.permute - إعادة ترتيب مجموعة من العناصر وفقا لمجموعة من الفهارس.
  • d3.shuffle - العشوائية ترتيب مجموعة.
  • d3.ticks - إنشاء قيم تمثيلية من فاصل رقمي.
  • d3.tickIncrement - إنشاء قيم تمثيلية من فاصل رقمي.
  • d3.tickStep - إنشاء قيم تمثيلية من فاصل رقمي.
  • d3.range - توليد مجموعة من القيم الرقمية.
  • d3.transpose - تبديل مجموعة من الصفائف.
  • d3.zip - تبديل عدد متغير من المصفوفات.

Histograms

قم بنقل العينات المنفصلة إلى فواصل زمنية مستمرة وغير متداخلة

محاور (محور d3)

علامات مرجعية قابلة للقراءة من قبل الإنسان للموازين.

  • d3.axisTop - إنشاء مولد محور جديد أعلى المنحى.
  • d3.axisRight - إنشاء مولد محور يمين جديد.
  • d3.axisBottom - إنشاء مولد محور القاع الجديد.
  • d3.axisLeft - إنشاء مولد محور جديد اليسار.
  • axis - إنشاء محور للاختيار المحدد.
  • axis.scale - ضبط المقياس.
  • axis.ticks - تخصيص كيفية إنشاء القراد وتنسيقها.
  • axis.tickArguments - تخصيص كيفية إنشاء القراد وتنسيقها.
  • axis.tickValues - اضبط قيم التجزئة بشكل صريح.
  • axis.tickFormat - تعيين تنسيق التجزئة بشكل صريح.
  • axis.tickSize - ضبط حجم القراد.
  • axis.tickSizeInner - تعيين حجم القراد الداخلية.
  • axis.tickSizeOuter - ضبط حجم علامات التجزئة الخارجية (المدى).
  • axis.tickPadding - تعيين الحشو بين القراد والتسميات.

فرش (فرشاة D3)

حدد منطقة أحادية أو ثنائية الأبعاد باستخدام الماوس أو اللمس.

  • d3.brush - إنشاء فرشاة جديدة ثنائية الأبعاد.
  • d3.brushX - إنشاء فرشاة على طول س البعد.
  • d3.brushY - إنشاء فرشاة على طول d3.brushY y .
  • brush - تطبيق الفرشاة على التحديد.
  • brush.move - حرك اختيار الفرشاة.
  • brush.extent - تحديد المنطقة القابلة للفساد.
  • brush.filter - التحكم في أحداث الإدخال التي تبدأ بالفرشاة.
  • brush.handleSize - ضبط حجم مقابض الفرشاة.
  • brush.on - الاستماع إلى الأحداث فرشاة.
  • d3.brushSelection - الحصول على اختيار الفرشاة لعقدة معينة.

الحبال (وتر 3 D)

  • d3.chord - إنشاء تخطيط وتر جديد.
  • chord - حساب التخطيط لمصفوفة معينة.
  • chord.padAngle - اضبط الحشو بين المجموعات المجاورة.
  • chord.sortGroups - تحديد ترتيب المجموعة.
  • chord.sortSubgroups - تحديد ترتيب المصدر والهدف داخل المجموعات.
  • chord.sortChords - تحديد ترتيب الدردشة عبر المجموعات.
  • d3.ribbon - إنشاء مولد شكل الشريط.
  • ribbon - توليد شكل الشريط.
  • ribbon.source - تعيين مصدر الوصول.
  • ribbon.target - تعيين الملحق المستهدف.
  • ribbon.radius - اضبط مصدر الشريط أو نصف القطر المستهدف.
  • ribbon.startAngle - اضبط مصدر الشريط أو زاوية بدء الهدف.
  • ribbon.endAngle - اضبط مصدر الشريط أو زاوية نهاية الهدف.
  • ribbon.context - اضبط سياق التجسيد.

المجموعات (مجموعة d3)

هياكل البيانات المفيدة للعناصر مرتبط السلسلة.

Objects

طرق تحويل المصفوفات الترابطية (الكائنات) إلى المصفوفات.

  • d3.keys - قائمة مفاتيح صفيف النقابي.
  • d3.values - سرد قيم صفيف المرتبطة.
  • d3.entries - قائمة إدخالات مفتاح القيمة من مجموعة النقابي.

Maps

مثل خريطة ES6 ، ولكن مع مفاتيح السلسلة وبعض الاختلافات الأخرى.

  • d3.map - إنشاء خريطة جديدة فارغة.
  • map.has - يعود صحيحًا إذا كانت الخريطة تحتوي على المفتاح المحدد.
  • map.get - الحصول على القيمة للمفتاح المحدد.
  • map.set - تعيين القيمة للمفتاح المحدد.
  • map.remove - إزالة الإدخال لمفتاح معين.
  • map.clear - إزالة جميع الإدخالات.
  • map.keys - الحصول على مجموعة من المفاتيح.
  • map.values - الحصول على مجموعة من القيم.
  • map.entries - الحصول على مجموعة من الإدخالات (كائنات القيم الأساسية).
  • map.each - استدعاء وظيفة لكل إدخال.
  • map.empty - لإرجاع false إذا كان للخريطة إدخال واحد على الأقل.
  • map.size - حساب عدد الإدخالات.

Sets

مثل مجموعة ES6 ، ولكن مع مفاتيح السلسلة وبعض الاختلافات الأخرى.

  • d3.set - إنشاء مجموعة جديدة فارغة.
  • set.has - يتم إرجاع true إذا كانت المجموعة تحتوي على القيمة المحددة.
  • set.add - أضف القيمة المحددة.
  • set.remove - إزالة القيمة المحددة.
  • set.clear - إزالة جميع القيم.
  • set.values - الحصول على مجموعة من القيم.
  • set.each - استدعاء دالة لكل قيمة.
  • set.empty - تقوم بإرجاع true إذا كان للمجموعة قيمة واحدة على الأقل.
  • set.size - حساب عدد القيم.

Nests

تجميع البيانات في تسلسل هرمي تعسفي.

  • d3.nest - إنشاء مولد عش جديد.
  • nest.key - إضافة مستوى إلى التسلسل الهرمي العش.
  • nest.sortKeys - فرز مستوى العش الحالي حسب المفتاح.
  • nest.sortValues - فرز مستوى عش الأوراق حسب القيمة.
  • nest.rollup - تحديد وظيفة مجموعة تحديثات لقيم الورقة.
  • nest.map - إنشاء العش ، وإرجاع الخريطة.
  • nest.object - إنشاء العش ، وإرجاع مجموعة اقتران.
  • nest.entries - قم بإنشاء العش ، مع إرجاع مجموعة من القيم الأساسية.

الألوان (لون d3)

معالجة اللون وتحويل مساحة اللون.

  • d3.color - تحليل محدد لون CSS المعطى.
  • color.rgb - حساب المكافئ RGB من هذا اللون.
  • color.brighter . أكثر إشراقًا - قم بإنشاء نسخة أكثر إشراقًا من هذا اللون.
  • color.darker - إنشاء نسخة أغمق من هذا اللون.
  • color.displayable - يعود صحيحًا إذا كان color.displayable للعرض على الأجهزة القياسية.
  • color.hex - تقوم بإرجاع تمثيل سلسلة RGB السداسية عشرية لهذا اللون.
  • color.toString - لإرجاع تمثيل سلسلة RGB لهذا اللون.
  • d3.rgb - إنشاء لون RGB جديد.
  • d3.hsl - إنشاء لون HSL جديد.
  • d3.lab - إنشاء لون مختبر جديد.
  • d3.hcl - إنشاء لون HCL جديد.
  • d3.lch - إنشاء لون HCL جديد.
  • d3.gray - إنشاء مختبر رمادي جديد.
  • d3.cubehelix - إنشاء لون Cubehelix جديد.

مخططات الألوان (مقياس لوني d3)

سلالم وألواح ملونة للمقاييس الكمية والترتيبية والفئوية.

قاطع

تباين

متتابعة (هوى واحد)

متتابعة (متعدد هوى)

دورية

معالم (d3-contour)

حساب المضلعات كفاف باستخدام المربعات المسيرة.

الإرساليات (إرسال D3)

مخاوف منفصلة باستخدام عمليات رد الاتصال المسماة.

السحب (السحب d3)

قم بسحب وإسقاط SVG أو HTML أو Canvas باستخدام إدخال الماوس أو اللمس.

  • d3.drag - إنشاء سلوك السحب.
  • drag - تطبيق سلوك السحب على التحديد.
  • drag.container - تعيين نظام الإحداثيات.
  • drag.filter - تجاهل بعض أحداث الإدخال drag.filter .
  • drag.touchable - اضبط كاشف دعم اللمس.
  • drag.subject - تعيين الشيء الذي يتم جره.
  • drag.clickDistance - اضبط حد مسافة النقر.
  • drag.on - الاستماع لأحداث السحب.
  • event.on - الاستماع لأحداث السحب على لفتة الحالية.
  • d3.dragDisable - منع السحب والإفلات الأصلي واختيار النص.
  • d3.dragEnable - تمكين السحب والإفلات الأصلي واختيار النص.

القيم المفصولة عن المحدد (d3-dsv)

تحليل وتنسيق القيم المفصولة عن المحدد ، والأكثر شيوعًا CSV و TSV.

  • d3.dsvFormat - إنشاء محلل d3.dsvFormat جديد لمحدد معين.
  • dsv.parse - تحليل السلسلة المحددة ، وإرجاع مجموعة من الكائنات.
  • dsv.parseRows - تحليل السلسلة المعطاة ، وإرجاع مجموعة من الصفوف.
  • dsv.format - تنسيق مجموعة معينة من الكائنات.
  • dsv.formatRows - تنسيق مجموعة معينة من الصفوف.
  • d3.csvParse - تحليل سلسلة CSV المحددة ، وإرجاع مجموعة من الكائنات.
  • d3.csvParseRows - تحليل سلسلة CSV المحددة ، وإرجاع مجموعة من الصفوف.
  • d3.csvFormat - تنسيق مجموعة معينة من الكائنات مثل CSV.
  • d3.csvFormatRows - تنسيق الصفيف المعطى من الصفوف كـ CSV.
  • d3.tsvParse - تحليل سلسلة TSV المعطاة ، وإرجاع مجموعة من الكائنات.
  • d3.tsvParseRows - تحليل سلسلة TSV المعطاة ، وإرجاع مجموعة من الصفوف.
  • d3.tsvFormat - تنسيق مجموعة معينة من الكائنات كما TSV.
  • d3.tsvFormatRows - تنسيق الصفيف المعطى من الصفوف كـ TSV.

ارتفاعات (سهولة D3)

تخفيف وظائف للرسوم المتحركة على نحو سلس.

الجلب (جلب D3)

طرق الراحة أعلى واجهة برمجة تطبيقات Fetch.

  • d3.blob - الحصول على ملف كـ blob.
  • d3.buffer - الحصول على ملف كمخزن مؤقت صفيف.
  • d3.csv - الحصول على ملف قيم مفصولة بفواصل (CSV).
  • d3.dsv - الحصول على ملف القيم (CSV) مفصولة d3.dsv .
  • d3.image - الحصول على صورة.
  • d3.json - الحصول على ملف JSON.
  • d3.text - الحصول على ملف نص عادي.
  • d3.tsv - الحصول على ملف (TSV) قيم مفصولة d3.tsv جدولة.

القوات (قوة d3)

تخطيط الرسم البياني للقوة باستخدام التكامل Verlet السرعة.

تنسيقات الأرقام (تنسيق d3)

تنسيق الأرقام للاستهلاك البشري.

  • d3.format - الاسم المستعار للإعدادات المحلية .format على الإعدادات المحلية الافتراضية.
  • d3.formatPrefix - الاسم المستعار للإعدادات المحلية .formatPrefix على الإعدادات المحلية الافتراضية.
  • d3.formatSpecifier - تحليل محدد تنسيق الأرقام.
  • d3.formatLocale - تحديد لغة مخصصة.
  • d3.formatDefaultLocale - تحديد اللغة الافتراضية.
  • locale.format - إنشاء تنسيق الأرقام.
  • locale.formatPrefix - إنشاء تنسيق رقم بادئة SI.
  • d3.precisionFixed - حساب الدقة العشرية لتدوين نقطة ثابتة.
  • d3.precisionPrefix - حساب الدقة العشرية لتدوين البادئة SI.
  • d3.precisionRound - حساب أرقام كبيرة لتدوين مستدير.

المناطق الجغرافية (d3-geo)

التوقعات الجغرافية والأشكال والرياضيات.

Paths

Projections

الرياضيات الكروية

  • d3.geoArea - حساب المساحة الكروية لميزة معينة.
  • d3.geoBounds - حساب المربع d3.geoBounds خط العرض لميزة معينة.
  • d3.geoCentroid - حساب d3.geoCentroid الوسطى كروية لميزة معينة.
  • d3.geoContains - اختبار ما إذا كانت نقطة ما داخل ميزة معينة.
  • d3.geoDistance - حساب مسافة القوس الكبير بين نقطتين.
  • d3.geoLength - حساب طول سلسلة الخط أو محيط المضلع.
  • d3.geoInterpolate - أقحم بين نقطتين على طول قوس كبير.
  • d3.geoRotation - إنشاء وظيفة تدوير للزوايا المحددة.
  • rotation - تدوير النقطة المحددة حول الكرة.
  • rotation.invert - unrotate النقطة المحددة حول الكرة.

الأشكال الكروية

Streams

Transforms

التسلسلات الهرمية (التسلسل الهرمي d3)

خوارزميات التخطيط لتصور البيانات الهرمية.

  • d3.hierarchy - إنشاء عقدة جذر من البيانات الهرمية.
  • node.ancestors - إنشاء مجموعة من الأسلاف.
  • node.descendants - إنشاء مجموعة من أحفاد.
  • node.leaves - توليد مجموعة من الأوراق.
  • node.path - إنشاء أقصر مسار إلى عقدة أخرى.
  • node.links - إنشاء مجموعة من الروابط.
  • node.sum - تقييم وتجميع القيم الكمية.
  • node.sort - فرز جميع الأشقاء سليل.
  • node.count - حساب عدد الأوراق.
  • node.each - اجتياز العرض الأول.
  • node.eachAfter - اجتياز ما بعد الطلب.
  • node.eachBefore - اجتياز الطلب المسبق.
  • node.copy - نسخ التسلسل الهرمي.
  • d3.stratify - إنشاء عامل طبقة جديد.
  • stratify - بناء عقدة الجذر من البيانات الجدولية.
  • stratify.id - تعيين ملحق معرف العقدة.
  • stratify.parentId - تعيين ملحق معرف العقدة الأصل.
  • d3.cluster - إنشاء تخطيط كتلة (dendrogram) جديد.
  • cluster - تخطيط التسلسل الهرمي المحدد في dendrogram.
  • cluster.size - ضبط حجم التخطيط.
  • cluster.nodeSize - تعيين حجم العقدة.
  • cluster.separation - تعيين الفاصل بين الأوراق.
  • d3.tree - إنشاء تخطيط شجرة مرتبة جديدة.
  • tree - تخطيط التسلسل الهرمي المحدد في شجرة مرتبة.
  • tree.size - ضبط حجم التخطيط.
  • tree.nodeSize - ضبط حجم العقدة.
  • tree.separation - تعيين الفاصل بين العقد.
  • d3.treemap - إنشاء تخطيط treemap جديد.
  • treemap - تخطيط التسلسل الهرمي المحدد باعتباره treemap.
  • treemap.tile - اضبط طريقة التجانب.
  • treemap.size - ضبط حجم التخطيط.
  • treemap.round - تعيين ما إذا كان يتم تقريب إحداثيات الإخراج.
  • treemap.padding . padding - تعيين الحشو.
  • treemap.paddingInner - تعيين الحشو بين الأشقاء.
  • treemap.paddingOuter - تعيين الحشو بين الوالدين والأطفال.
  • treemap.paddingTop - اضبط الحشو بين الحافة العليا للوالدين والأطفال.
  • treemap.paddingRight - اضبط الحشو بين الحافة اليمنى للوالدين والأطفال.
  • treemap.paddingBottom - اضبط الحشو بين الحافة السفلية للوالدين والأطفال.
  • treemap.paddingLeft - اضبط الحشو بين الحافة اليسرى للوالدين والأطفال.
  • d3.treemapBinary - البلاط باستخدام شجرة ثنائية متوازنة.
  • d3.treemapDice - البلاط في صف أفقي.
  • d3.treemapSlice - البلاط في العمود الرأسي.
  • d3.treemapSliceDice - البديل بين التقطيع والتقطيع.
  • d3.treemapSquarify - بلاط باستخدام صفوف مربعة لكل Bruls et. الله.
  • d3.treemapResquarify - مثل d3.treemapSquarify ، ولكن ينفذ تحديثات مستقرة.
  • squarify.ratio - ضبط نسبة العرض إلى الارتفاع المطلوبة للمستطيل.
  • d3.partition - إنشاء قسم جديد (جليد أو أمة الله) تخطيط.
  • partition - تخطيط التسلسل الهرمي المحدد كمخطط للقسم.
  • partition.size - ضبط حجم التخطيط.
  • partition.round - اضبط ما إذا كانت إحداثيات الإخراج مدورة.
  • partition.padding . padding - تعيين الحشو.
  • d3.pack - إنشاء تخطيط جديد للتعبئة الدائرية.
  • pack - تخطيط التسلسل الهرمي المحدد باستخدام دائرة التعبئة.
  • pack.radius - تعيين pack.radius دائرة نصف قطرها.
  • pack.size - ضبط حجم التخطيط.
  • pack.padding . padding - تعيين الحشو.
  • d3.packSiblings - حزمة مجموعة محددة من الدوائر.
  • d3.packEnclose - أرفق مجموعة محددة من الدوائر.

المحرفون (d3-interpolate)

أقحم الأرقام والألوان والسلاسل والمصفوفات والكائنات ، أيا كان!

المسارات (مسار d3)

تسلسل أوامر مسار قماش إلى SVG.

المضلعات (مضلع ثلاثي الأبعاد)

العمليات الهندسية للمضلعات ثنائية الأبعاد.

Quadtrees (d3-quadtree)

ثنائي الأبعاد التقسيم المكاني العودية.

أرقام عشوائية (d3-عشوائي)

توليد أرقام عشوائية من توزيعات مختلفة.

المقاييس (مقياس d3)

الترميزات التي تعين البيانات المجردة على التمثيل البصري.

موازين مستمرة

عيّن نطاقًا كميًا مستمرًا لنطاق مستمر.

  • continuous - يحسب قيمة النطاق المقابلة لقيمة مجال معين.
  • continuous.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • continuous.domain - تعيين مجال الإدخال.
  • continuous.range - ضبط نطاق الإخراج.
  • continuous.rangeRound - تعيين نطاق الإخراج وتمكين التقريب.
  • continuous.clamp - تمكين لقط إلى المجال أو النطاق.
  • continuous.interpolate - ضبط الإخراج محرف.
  • continuous.ticks - حساب القيم التمثيلية من المجال.
  • continuous.tickFormat - تنسيق القراد للاستهلاك البشري.
  • continuous.nice - قم بتوسيع المجال إلى أرقام مستديرة لطيفة.
  • continuous.copy - إنشاء نسخة من هذا النطاق.
  • d3.scaleLinear - إنشاء مقياس خطي كمي.
  • d3.scalePow - إنشاء مقياس طاقة كمي.
  • pow الحرب - حساب قيمة النطاق المقابلة لقيمة مجال معين.
  • pow.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • pow.exponent -pow.exponent - ضبط قوة الأس.
  • pow.domain -pow.domain - تعيين مجال الإدخال.
  • pow.range - ضبط نطاق الإخراج.
  • pow.rangeRound - ضبط نطاق الإخراج وتمكين التقريب.
  • pow.clamp - تمكين لقط إلى المجال أو النطاق.
  • pow.interpolate - ضبط الناتج محرف.
  • pow.ticks - بحساب القيم التمثيلية من المجال.
  • pow.tickFormat القراد شكل للاستهلاك البشري -.
  • pow.nice الحربpow.nice - تمديد المجال إلى أرقام الجولة لطيفة.
  • pow.copy - إنشاء نسخة من هذا النطاق.
  • d3.scaleSqrt - إنشاء مقياس طاقة كمي مع الأس 0.5.
  • d3.scaleLog - إنشاء مقياس لوغاريتمي كمي.
  • log - حساب قيمة النطاق المقابلة لقيمة مجال معين.
  • log.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • log.base - تعيين قاعدة اللوغاريتم.
  • log.domain - تعيين مجال الإدخال.
  • log.range - تعيين نطاق الإخراج.
  • log.rangeRound - تعيين نطاق الإخراج وتمكين التقريب.
  • log.clamp - تمكين التثبيت في المجال أو النطاق.
  • log.interpolate - تعيين الإخراج محرف.
  • log.ticks - حساب القيم التمثيلية من المجال.
  • log.tickFormat - تنسيق القراد للاستهلاك البشري.
  • log.nice - توسيع المجال إلى أرقام جولة لطيفة.
  • log.copy - إنشاء نسخة من هذا النطاق.
  • d3.scaleIdentity - إنشاء مقياس هوية كمي.
  • d3.scaleTime - إنشاء مقياس خطي للوقت.
  • time - حساب قيمة النطاق المقابلة لقيمة المجال المعطى.
  • time.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • time.domain - تعيين مجال الإدخال.
  • time.range - ضبط نطاق الإخراج.
  • time.rangeRound - ضبط نطاق الإخراج وتمكين التقريب.
  • time.clamp - تمكين التثبيت في المجال أو النطاق.
  • time.interpolate - ضبط الإخراج محرف.
  • time.ticks - حساب القيم التمثيلية من المجال.
  • time.tickFormat - تنسيق القراد للاستهلاك البشري.
  • time.nice - تمديد المجال إلى أوقات مستديرة لطيفة.
  • time.copy - إنشاء نسخة من هذا المقياس.
  • d3.scaleUtc - إنشاء مقياس خطي ل UTC.

جداول متسلسلة

عيّن نطاقًا كميًا متواصلًا لموفق ثابت ثابت.

مقاييس متباعدة

عيّن نطاقًا كميًا متواصلًا لموفق ثابت ثابت.

تحديد المقاييس

قم بتخطيط مجال كمي مستمر إلى نطاق منفصل.

الموازين العادية

قم بتخطيط مجال منفصل لمجموعة منفصلة.

  • d3.scaleOrdinal - إنشاء مقياس ترتيبي.
  • ordinal - حساب قيمة النطاق المقابلة لقيمة مجال معين.
  • ordinal.domain - تعيين مجال الإدخال.
  • ordinal.range - تعيين نطاق الإخراج.
  • ordinal.unknown - تعيين قيمة الانتاج للمدخلات مجهولة.
  • ordinal.copy - إنشاء نسخة من هذا الحجم.
  • d3.scaleImplicit - قيمة خاصة غير معروفة للمجالات الضمنية.
  • d3.scaleBand - إنشاء نطاق الفرقة الترتيبية.
  • band - حساب بداية الفرقة المقابلة لقيمة مجال معين.
  • band.domain - تعيين مجال الإدخال.
  • band.range - ضبط نطاق الإخراج.
  • band.rangeRound - ضبط نطاق الإخراج وتمكين التقريب.
  • band.round - تمكين التقريب.
  • band.paddingInner - تعيين الحشو بين العصابات.
  • band.paddingOuter - تعيين الحشو خارج النطاقين الأول والأخير.
  • band.padding - تعيين الحشو خارج وبين العصابات.
  • band.align - ضبط محاذاة الشريط ، إذا كان هناك مساحة إضافية.
  • band.bandwidth - احصل على عرض كل فرقة.
  • band.step - الحصول على المسافة بين بداية العصابات المجاورة.
  • band.copy - إنشاء نسخة من هذا النطاق.
  • d3.scalePoint - إنشاء مقياس نقطة ترتيبي.
  • point - حساب النقطة المقابلة لقيمة مجال معين.
  • point.domain - تعيين مجال الإدخال.
  • point.range - ضبط نطاق الإخراج.
  • point.rangeRound - اضبط نطاق الإخراج وتمكين التقريب.
  • point.round - تمكين التقريب.
  • point.padding -point.padding الحشوة خارج النقطة الأولى والأخيرة.
  • point.align - ضبط محاذاة النقطة ، إذا كان هناك مساحة إضافية.
  • point.bandwidth - بإرجاع صفر.
  • point.step - الحصول على المسافة بين بداية النقاط المجاورة.
  • point.copy - إنشاء نسخة من هذا المقياس.

الاختيارات (اختيار D3)

تحويل DOM من خلال تحديد العناصر والانضمام إلى البيانات.

اختيار العناصر

  • d3.selection - حدد عنصر المستند الجذر.
  • d3.select - حدد عنصرًا من المستند.
  • d3.selectAll - حدد عناصر متعددة من المستند.
  • selection.select - تحديد عنصر أصل أفريقي لكل عنصر المحدد.
  • selection.selectAll - تحديد نسل متعددة لكل العنصر المحدد.
  • selection.filter - فلتر استنادا إلى البيانات.
  • selection.merge - دمج هذا الاختيار مع آخر.
  • d3.matcher - اختبار ما إذا كان عنصر يطابق محدد.
  • d3.selector - تحديد عنصر.
  • d3.selectorAll - تحديد العناصر.
  • d3.window - الحصول على نافذة مالك العقدة.
  • d3.style - الحصول على قيمة النمط الحالي للعقدة.

تعديل العناصر

  • selection.attr - الحصول على أو تعيين سمة.
  • selection.classed - الحصول على إضافة أو إزالة الطبقات CSS.
  • selection.style - الحصول على أو تعيين خاصية النمط.
  • selection.property - الحصول على أو تعيين خاصية (الخام).
  • selection.text - الحصول على أو تعيين محتوى النص.
  • selection.html - الحصول على أو تعيين HTML الداخلية.
  • selection.append - إنشاء وإلحاق وتحديد عناصر جديدة.
  • selection.insert - إنشاء وإدراج وتحديد عناصر جديدة.
  • selection.remove - إزالة عناصر من المستند.
  • selection.clone - إدراج الحيوانات المستنسخة من عناصر مختارة.
  • selection.sort - فرز العناصر في الوثيقة استنادا إلى البيانات.
  • selection.order - بإعادة ترتيب العناصر في وثيقة لتتناسب مع الاختيار.
  • selection.raise - بإعادة ترتيب كل عنصر كما الطفل الأخير من الأم.
  • selection.lower - بإعادة ترتيب كل عنصر كما الطفل الأول من الأم.
  • d3.create - إنشاء وتحديد عنصر منفصل.
  • d3.creator - إنشاء عنصر بالاسم.

ربط البيانات

  • selection.data - انضمام العناصر إلى البيانات.
  • selection.enter - الحصول على اختيار إدخال (بيانات عناصر مفقودة).
  • selection.exit - الحصول على اختيار المخرج (عناصر البيانات المفقودة).
  • selection.datum - الحصول على أو تعيين البيانات العنصر (دون الانضمام).

التعامل مع الأحداث

  • selection.on - إضافة أو إزالة المستمعين الحدث.
  • selection.dispatch - ترسل حدث مخصص.
  • d3.event - حدث المستخدم الحالي ، أثناء التفاعل.
  • d3.customEvent - تحديد مؤقت حدث مخصص.
  • d3.mouse - الحصول على موقف الماوس نسبة إلى حاوية معينة.
  • d3.touch - الحصول على موقف اللمس نسبة إلى حاوية معينة.
  • d3.touches - الحصول على مواقف اللمس نسبة إلى حاوية معينة.
  • d3.clientPoint - الحصول على موقف نسبة إلى حاوية معينة.

التحكم في التدفق

المتغيرات المحلية

  • d3.local - تعلن عن متغير محلي جديد.
  • local.set - تعيين قيمة المتغير المحلي.
  • local.get - الحصول على قيمة المتغير المحلي.
  • local.remove - حذف متغير محلي.
  • local.toString - الحصول على معرف الخاصية متغير محلي.

Namespaces

  • d3.namespace - تأهيل اسم XML بادئة ، مثل "xlink: href"
  • Namespaces - مساحات أسماء XML المضمنة.

الأشكال (شكل d3)

بدائية رسومية للتصور.

Arcs

قطاعات دائرية أو حلقية ، كما في مخطط دائري أو دونات.

  • d3.arc - إنشاء مولد قوس جديد.
  • arc - إنشاء قوس للمسند المعطى.
  • arc.centroid - حساب نقطة منتصف القوس.
  • arc.innerRadius - ضبط نصف القطر الداخلي.
  • arc.outerRadius - ضبط نصف قطرها الخارجي.
  • arc.cornerRadius - ضبط نصف قطر الزاوية ، للزاوية المستديرة.
  • arc.startAngle - ضبط زاوية البداية.
  • arc.endAngle - ضبط زاوية النهاية.
  • arc.padAngle - اضبط الزاوية بين الأقواس المجاورة ، للأقواس المبطنة.
  • arc.padRadius - اضبط نصف القطر الذي تقوم فيهarc.padRadius الخطية.
  • arc.context - اضبط سياق العرض.

Pies

حساب الزوايا اللازمة لتمثيل مجموعة بيانات جدولية مثل مخطط دائري أو دونات.

  • d3.pie - إنشاء مولد دائري جديد.
  • pie - حساب زوايا القوس لمجموعة البيانات المحددة.
  • pie.value - تعيين ملحق القيمة.
  • pie.sort - تعيين المقارنة ترتيب الفرز.
  • pie.sortValues - تعيين المقارنة ترتيب الفرز.
  • pie.startAngle - تعيين زاوية البداية الشاملة.
  • pie.endAngle - ضبط زاوية النهاية الكلية.
  • pie.padAngle - اضبط زاوية الوسادة بين الأقواس المجاورة.

Lines

شريحة أو خط متعدد ، كما في مخطط خطي.

Areas

منطقة ، يتم تعريفها بواسطة خط أساسي وخط محيط ، كما في مخطط منطقة.

Curves

أقحم بين النقاط لإنتاج شكل مستمر.

منحنى Bézier مكعب سلس من مصدر إلى الهدف.

Symbols

ترميز الشكل القاطع ، كما هو الحال في scatterplot.

Stacks

تكدس الأشكال ، ووضع واحد مجاور لآخر ، كما هو الحال في مخطط شريط مكدس.

تنسيقات الوقت (تنسيق الوقت d3)

تحليل مرات وتنسيق ، مستوحاة من strptime و strftime.

  • d3.timeFormat - الاسم المستعار للإعدادات المحلية .format على الإعدادات المحلية الافتراضية.
  • d3.timeParse - الاسم المستعار للإعدادات المحلية .parse على الإعدادات المحلية الافتراضية.
  • d3.utcFormat - الاسم المستعار للإعدادات المحلية .utcFormat على الإعدادات المحلية الافتراضية.
  • d3.utcParse - الاسم المستعار للإعدادات المحلية .utcParse على الإعدادات المحلية الافتراضية.
  • d3.isoFormat - تنسيق ISO 8601 UTC.
  • d3.isoParse - محلل UTC ISO 8601.
  • d3.timeFormatLocale - تحديد لغة مخصصة.
  • d3.timeFormatDefaultLocale - تحديد اللغة الافتراضية.
  • locale.format - إنشاء المنسق الوقت.
  • locale.parse - إنشاء محلل وقت.
  • locale.utcFormat - إنشاء المنسق UTC.
  • locale.utcParse - إنشاء محلل UTC.

الفواصل الزمنية (d3-time)

آلة حاسبة للاتفاقيات غريبة للإنسانية من الزمن.

مؤقتات (d3-timer)

قائمة انتظار فعالة لإدارة الآلاف من الرسوم المتحركة المتزامنة.

  • d3.now - الحصول على الوقت الحالي عالية الدقة.
  • d3.timer - جدولة توقيت جديد.
  • timer.restart . إعادةtimer.restart - إعادة تعيين وقت بدء الموقت و رد الاتصال.
  • timer.stop - إيقاف الموقت.
  • d3.timerFlush - تنفيذ أي مؤقتات على الفور.
  • d3.timeout - جدولة مؤقت يتوقف عند رد الاتصال الأول.
  • d3.interval - جدولة جهاز توقيت يسمى مع فترة قابلة للتكوين.

التحولات (انتقال d3)

التحولات المتحركة selections .

مخططات فورونوي (d3-فورونوي)

حساب مخطط فورونوي لمجموعة معينة من النقاط.

التكبير (تكبير d3)

تحريك وتكبير / تصغير SVG أو HTML أو Canvas باستخدام إدخال الماوس أو اللمس.

原文