D3.js 4



d

D3 API Reference

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

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

المصفوفات (d3-array)

التلاعب في المصفوفة ، الطلب ، البحث ، التلخيص ، إلخ.

Statistics

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

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

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

  • d3.scan - البحث الخطي عن عنصر باستخدام المقارنة.
  • d3.bisect - البحث الثنائي عن قيمة في مصفوفة مفروزة.
  • d3.bisectRight - البحث الثنائي عن قيمة في مصفوفة مفروزة.
  • d3.bisectLeft - بحث ثنائي عن قيمة في مصفوفة مفروزة.
  • d3.bisector - تشطر باستخدام d3.bisector أو مقارنة.
  • bisector .left - bisectLeft ، مع المقارنة المعطى.
  • bisector.right . bisector.right - bisectRight ، مع المقارنة المعطى.
  • 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-axis)

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

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

فرش (فرشاة د 3)

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

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

الحبال (d3-chord)

  • 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 - تعيين سياق ribbon.context .

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

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

Objects

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

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

Maps

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

  • d3.map - إنشاء خريطة جديدة فارغة.
  • map.has - يرجع true إذا كانت الخريطة تحتوي على المفتاح المحدد.
  • 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.has المجموعة على القيمة المعطاة.
  • set.add . إضافة - إضافة القيمة المعطاة.
  • set.remove . إزالة - إزالة القيمة المعطاة.
  • set.clear - قم بإزالة كل القيم.
  • set.values القيم. - الحصول على مجموعة من القيم.
  • set.each - استدعاء دالة لكل قيمة.
  • set.empty - تُرجع القيمة true إذا كانت المجموعة تحتوي على قيمة واحدة على الأقل.
  • set.size - يحسب عدد القيم.

Nests

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

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

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

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

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

رسائل (d3-dispatch)

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

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

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

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

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

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

  • d3.dsvFormat - قم بإنشاء محلل 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)

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

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

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

الجغرافيا (d3-geo)

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

Paths

  • d3.geoPath - إنشاء مولد مسار جغرافي جديد.
  • path - المشروع وعرض الميزة المحددة.
  • path.area - حساب المنطقة المستوية المسقطة لميزة معينة.
  • path.bounds - حساب مربع الإحاطة المستقبلي المسقط لميزة معينة.
  • path.centroid - حساب المتوقعة path.centroid الوسطى من ميزة معينة.
  • path.measure - حساب طول المستوي المسقط لميزة معينة.
  • path.projection - تعيين الإسقاط الجغرافي.
  • path.context - تعيين سياق path.context .
  • path.pointRadius - ضبط نصف القطر لعرض ميزات النقاط.

Projections

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

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

أشكال كروية

  • d3.geoCircle - إنشاء مولد دائرة.
  • circle - لإنشاء دائرة بدائرة الشكل على هيئة مضلع Polygon.
  • circle.center - حدد مركز الدائرة في خطوط الطول والعرض.
  • circle.radius - حدد نصف القطر الزاوي بالدرجات.
  • circle.precision - حدد دقة circle.precision .
  • d3.geoGraticule - إنشاء مولد graticule.
  • graticule - توليد MultiLineString من خطوط الطول و التشابه.
  • graticule.lines - تولد مجموعة من LineStrings من خطوط الطول والمتوازيات.
  • graticule.outline - إنشاء مضلع من مدى graticule.
  • graticule.extent - الحصول على أو ضبط نطاقات الرئيسية والثانوية.
  • graticule.extentMajor - الحصول على أو تعيين المدى الرئيسي.
  • graticule.extentMinor - الحصول على أو تحديد المدى الثانوي.
  • graticule.step - الحصول على أو تحديد فترات الخطوة الرئيسية والثانوية.
  • graticule.stepMajor - الحصول على أو تحديد فترات الخطوة الرئيسية.
  • graticule.stepMinor - الحصول على أو تحديد فترات الخطوة الثانوية.
  • graticule.precision - الحصول على أو ضبط دقة خط العرض.
  • d3.geoGraticule10 - توليد graticule العالمية 10 درجة الافتراضي.

Streams

Transforms

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

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

  • d3.hierarchy - يبني عقدة الجذر من البيانات الهرمية.
  • node.ancestors - توليد مجموعة من الأجداد.
  • node.descendants - توليد مجموعة من أحفاد.
  • node.leaves - توليد مجموعة من الأوراق.
  • node.path - إنشاء مسار أقصر إلى عقدة أخرى.
  • الروابط. - إنشاء مجموعة من الروابط.
  • 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 - تعيين الحشو.
  • treemap.paddingInner - تعيين الحشو بين الأشقاء.
  • treemap.paddingOuter - تعيين الحشو بين الوالدين والأطفال.
  • treemap.paddingTop - تعيين الحشو بين الحافة العلوية للوالدين والأطفال.
  • treemap.paddingRight - تعيين الحشو بين الحافة اليمنى للأب والأطفال.
  • treemap.paddingBottom - تعيين الحشو بين الحافة السفلية للوالدين والأطفال.
  • treemap.paddingLeft - ضبط المساحة بين الحافة اليسرى للأبوين والأطفال.
  • d3.treemapBinary - بلاط باستخدام شجرة ثنائية متوازنة.
  • d3.treemapDice - تجانب إلى صف أفقي.
  • d3.treemapSlice - البلاط في العمود الرأسي.
  • d3.treemapSliceDice - بديل بين 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 radius.
  • pack.size - قم بتعيين حجم المخطط.
  • pack.padding - ضبط الحشو.
  • d3.packSiblings - حزم مجموعة محددة من الدوائر.
  • d3.packEnclose - أرفق الصفيف المحدد من الدوائر.

Interpolators (d3-interpolate)

أرقام Interpolate ، والألوان ، سلاسل ، المصفوفات ، الأشياء ، أيا كان!

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

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

المضلعات (d3-polygon)

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

كادادريس (d3-quadtree)

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

طوابير (قائمة انتظار d3)

تقييم المهام غير المتزامنة مع التزامن للتكوين.

  • d3.queue - إدارة التقييم المتزامن للمهام غير المتزامنة.
  • queue.defer - تسجيل مهمة للتقييم.
  • queue.abort أي ﻣﻬﺎم ﻧﺸﻄﺔ وإﻟﻐﺎء أي ﻣﻬﺎم ﻣﻌﻠﻘﺔ.
  • queue.await - تسجيل معاودة الاتصال عند اكتمال المهام.
  • queue.awaitAll - تسجيل معاودة الاتصال عند اكتمال المهام.

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

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

طلبات (طلب d3)

بديل مناسب غير متزامن XMLHttpRequest.

موازين (مقياس d3)

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

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

قم بتعيين نطاق كمي مستمر إلى نطاق مستمر.

  • continuous - حساب قيمة النطاق المقابلة لقيمة نطاق معين.
  • continuous.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • continuous.domain - تعيين مجال الإدخال.
  • continuous.range - قم بتعيين نطاق الإخراج.
  • continuous.rangeRound - تعيين نطاق الإخراج وتمكين التقريب.
  • continuous.clamp - تمكين لقط إلى المجال أو النطاق.
  • continuous.interpolate - تعيين interpolator الإخراج.
  • continuous.ticks - حساب القيم التمثيلية من المجال.
  • continuous.tickFormat - شكل القراد للاستهلاك البشري.
  • continuous.nice - تمديد المجال لأرقام الجولة لطيفة.
  • continuous.copy - إنشاء نسخة من هذا المقياس.
  • d3.scaleLinear - إنشاء مقياس خطي كمي.
  • d3.scalePow - إنشاء مقياس كمي للطاقة.
  • pow - حساب قيمة المدى المقابلة لقيمة نطاق معين.
  • pow.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • pow.exponent - تعيين الأس الطاقة.
  • pow.domain - قم بتعيين نطاق الإدخال.
  • pow.range - pow.range نطاق الإخراج.
  • pow.rangeRound - تعيين نطاق الإخراج وتمكين التقريب.
  • pow.clamp - تمكين لقط إلى المجال أو النطاق.
  • pow.interpolate - ضبط pow.interpolate المخرج.
  • pow.ticks - حساب القيم التمثيلية من المجال.
  • pow.tickFormat - شكل القراد للاستهلاك البشري.
  • 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 - تعيين interpolator الإخراج.
  • log.ticks - حساب القيم التمثيلية من المجال.
  • log.tickFormat - تنسيق القراد للاستهلاك البشري.
  • log.nice - قم بتوسيع النطاق إلى أرقام مستديرة لطيفة.
  • log.copy - قم بإنشاء نسخة من هذا المقياس.
  • d3.scaleIdentity - إنشاء مقياس هوية كمية.
  • d3.scaleTime - إنشاء مقياس خطي للوقت.
  • time - لحساب قيمة النطاق المقابلة لقيمة المجال المحدد.
  • time.invert - حساب قيمة المجال المقابلة لقيمة نطاق معين.
  • time.domain - قم بتعيين مجال الإدخال.
  • time.range - set the output range.
  • time.rangeRound - set the output range and enable rounding.
  • time.clamp - enable clamping to the domain or range.
  • time.interpolate - set the output interpolator.
  • time.ticks - compute representative values from the domain.
  • time.tickFormat - format ticks for human consumption.
  • time.nice - extend the domain to nice round times.
  • time.copy - create a copy of this scale.
  • d3.scaleUtc - create a linear scale for UTC.

Sequential Scales

Map a continuous, quantitative domain to a continuous, fixed interpolator.

Quantize Scales

Map a continuous, quantitative domain to a discrete range.

Ordinal Scales

Map a discrete domain to a discrete range.

Selections (d3-selection)

Transform the DOM by selecting elements and joining to data.

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

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

Joining Data

Handling Events

تدفق التحكم

Local Variables

Namespaces

  • d3.namespace - qualify a prefixed XML name, such as “xlink:href”.
  • Namespaces - the built-in XML namespaces.

Shapes (d3-shape)

Graphical primitives for visualization.

Arcs

Circular or annular sectors, as in a pie or donut chart.

Pies

Compute the necessary angles to represent a tabular dataset as a pie or donut chart.

Lines

A spline or polyline, as in a line chart.

Areas

An area, defined by a bounding topline and baseline, as in an area chart.

Curves

Interpolate between points to produce a continuous shape.

A smooth cubic Bézier curve from a source to a target.

Symbols

A categorical shape encoding, as in a scatterplot.

Stacks

Stack shapes, placing one adjacent to another, as in a stacked bar chart.

Time Formats (d3-time-format)

Parse and format times, inspired by strptime and strftime.

Time Intervals (d3-time)

A calculator for humanity's peculiar conventions of time.

Timers (d3-timer)

An efficient queue for managing thousands of concurrent animations.

  • d3.now - get the current high-resolution time.
  • d3.timer - schedule a new timer.
  • timer.restart - reset the timer's start time and callback.
  • timer.stop - stop the timer.
  • d3.timerFlush - immediately execute any eligible timers.
  • d3.timeout - schedule a timer that stops on its first callback.
  • d3.interval - schedule a timer that is called with a configurable period.

Transitions (d3-transition)

Animated transitions for selections .

Voronoi Diagrams (d3-voronoi)

Compute the Voronoi diagram of a given set of points.

Zooming (d3-zoom)

Pan and zoom SVG, HTML or Canvas using mouse or touch input.

原文