API index

D3 is a collection of modules that are designed to work together; you can use the modules independently, or you can use them together as part of the default build.

d3-array

Array manipulation, ordering, searching, summarizing, etc.

Add

Add floating point values with full precision.

new Adder - create a full precision adder.
adder.add - add a value to an adder.
adder.valueOf - get the double-precision representation of an adder’s value.
fcumsum - compute a full precision cumulative summation of numbers.
fsum - compute a full precision summation of an iterable of numbers.

Bin

Bin discrete samples into continuous, non-overlapping intervals.

bin - create a new bin generator.
bin - bins a given array of samples.
bin.value - specify a value accessor for each sample.
bin.domain - specify the interval of observable values.
bin.thresholds - specify how values are divided into bins.
thresholdFreedmanDiaconis - the Freedman–Diaconis binning rule.
thresholdScott - Scott’s normal reference binning rule.
thresholdSturges - Sturges’ binning formula.

Bisect

Quickly find a value in a sorted array.

bisector - bisect using an accessor or comparator.
bisector.right - bisectRight, with the given comparator.
bisector.left - bisectLeft, with the given comparator.
bisector.center - binary search for a value in a sorted array.
bisect - binary search for a value in a sorted array.
bisectRight - binary search for a value in a sorted array.
bisectLeft - binary search for a value in a sorted array.
bisectCenter - binary search for a value in a sorted array.

Blur

Blur quantitative values in one or two dimensions.

d3.blur - blur an array of numbers in place.
d3.blur2 - blur a two-dimensional array of numbers in place.
d3.blurImage - blur an RGBA ImageData in place.

Group

Group discrete values.

d3.group - group an iterable into a nested Map.
d3.groups - group an iterable into a nested array.
d3.rollup - reduce an iterable into a nested Map.
d3.rollups - reduce an iterable into a nested array.
d3.index - index an iterable into a nested Map.
d3.indexes - index an iterable into a nested array.
d3.flatGroup - group an iterable into a flat array.
d3.flatRollup - reduce an iterable into a flat array.
d3.groupSort - sort keys according to grouped values.

Intern

Create maps and sets with non-primitive values such as dates.

new InternMap - a key-interning Map.
new InternSet - a value-interning Set.

Sets

Logical operations on sets.

d3.difference - compute a set difference.
d3.disjoint - test whether two sets are disjoint.
d3.intersection - compute a set intersection.
d3.superset - test whether a set is a superset of another.
d3.subset - test whether a set is a subset of another.
d3.union - compute a set union.

Sort

Sort and reorder arrays of values.

d3.ascending - compute the natural order of two values.
d3.descending - compute the natural order of two values.
d3.permute - reorder an iterable of elements according to an iterable of indexes.
d3.quickselect - reorder an array of numbers.
d3.reverse - reverse the order of values.
d3.shuffle - randomize the order of an iterable.
d3.shuffler - randomize the order of an iterable.
d3.sort - sort values.

Summarize

Compute summary statistics.

d3.count - count valid number values in an iterable.
d3.min - compute the minimum value in an iterable.
d3.minIndex - compute the index of the minimum value in an iterable.
d3.max - compute the maximum value in an iterable.
d3.maxIndex - compute the index of the maximum value in an iterable.
d3.least - returns the least element of an iterable.
d3.leastIndex - returns the index of the least element of an iterable.
d3.greatest - returns the greatest element of an iterable.
d3.greatestIndex - returns the index of the greatest element of an iterable.
d3.extent - compute the minimum and maximum value in an iterable.
d3.mode - compute the mode (the most common value) of an iterable of numbers.
d3.sum - compute the sum of an iterable of numbers.
d3.mean - compute the arithmetic mean of an iterable of numbers.
d3.median - compute the median of an iterable of numbers (the 0.5-quantile).
d3.medianIndex - compute the median index of an iterable of numbers (the 0.5-quantile).
d3.cumsum - compute the cumulative sum of an iterable.
d3.quantile - compute a quantile for an iterable of numbers.
d3.quantileIndex - compute a quantile index for an iterable of numbers.
d3.quantileSorted - compute a quantile for a sorted array of numbers.
d3.rank - compute the rank order of an iterable.
d3.variance - compute the variance of an iterable of numbers.
d3.deviation - compute the standard deviation of an iterable of numbers.
d3.every - test if all values satisfy a condition.
d3.some - test if any value satisfies a condition.

Ticks

Generate representative values from a continuous interval.

d3.ticks - generate representative values from a numeric interval.
d3.tickIncrement - generate representative values from a numeric interval.
d3.tickStep - generate representative values from a numeric interval.
d3.nice - extend an interval to align with ticks.
d3.range - generate a range of numeric values.

Transform

Derive new arrays.

d3.cross - compute the Cartesian product of two iterables.
d3.merge - merge multiple iterables into one array.
d3.pairs - create an array of adjacent pairs of elements.
d3.transpose - transpose an array of arrays.
d3.zip - transpose a variable number of arrays.
d3.filter - filter values.
d3.map - map values.
d3.reduce - reduce values.

d3-axis

Human-readable reference marks for scales.

d3.axisTop - create a new top-oriented axis generator.
d3.axisRight - create a new right-oriented axis generator.
d3.axisBottom - create a new bottom-oriented axis generator.
d3.axisLeft - create a new left-oriented axis generator.
axis - generate an axis for the given selection.
axis.scale - set the scale.
axis.ticks - customize how ticks are generated and formatted.
axis.tickArguments - customize how ticks are generated and formatted.
axis.tickValues - set the tick values explicitly.
axis.tickFormat - set the tick format explicitly.
axis.tickSize - set the size of the ticks.
axis.tickSizeInner - set the size of inner ticks.
axis.tickSizeOuter - set the size of outer (extent) ticks.
axis.tickPadding - set the padding between ticks and labels.
axis.offset - set the pixel offset for crisp edges.

d3-brush

Select a one- or two-dimensional region using the mouse or touch.

d3.brush - create a new two-dimensional brush.
d3.brushX - create a brush along the x-dimension.
d3.brushY - create a brush along the y-dimension.
brush - apply the brush to a selection.
brush.move - move the brush selection.
brush.clear - clear the brush selection.
brush.extent - define the brushable region.
brush.filter - control which input events initiate brushing.
brush.touchable - set the touch support detector.
brush.keyModifiers - enable or disable key interaction.
brush.handleSize - set the size of the brush handles.
brush.on - listen for brush events.
d3.brushSelection - get the brush selection for a given node.

d3-chord

d3.chord - create a new chord layout.
chord - compute the layout for the given matrix.
chord.padAngle - set the padding between adjacent groups.
chord.sortGroups - define the group order.
chord.sortSubgroups - define the source and target order within groups.
chord.sortChords - define the chord order across groups.
d3.chordDirected - create a directed chord generator.
d3.chordTranspose - create a transposed chord generator.
d3.ribbon - create a ribbon shape generator.
ribbon - generate a ribbon shape.
ribbon.source - set the source accessor.
ribbon.target - set the target accessor.
ribbon.radius - set the ribbon source and target radius.
ribbon.sourceRadius - set the ribbon source radius.
ribbon.targetRadius - set the ribbon target radius.
ribbon.startAngle - set the ribbon source or target start angle.
ribbon.endAngle - set the ribbon source or target end angle.
ribbon.padAngle - set the pad angle accessor.
ribbon.context - set the render context.
d3.ribbonArrow - create an arrow ribbon generator.
ribbonArrow.headRadius - set the arrowhead radius accessor.

d3-color

Color manipulation and color space conversion.

d3.color - parse the given CSS color specifier.
color.opacity - the color’s opacity.
color.rgb - compute the RGB equivalent of this color.
color.copy - return a copy of this color.
color.brighter - create a brighter copy of this color.
color.darker - create a darker copy of this color.
color.displayable - returns true if the color is displayable on standard hardware.
color.formatHex - returns the hexadecimal RRGGBB string representation of this color.
color.formatHex8 - returns the hexadecimal RRGGBBAA string representation of this color.
color.formatHsl - returns the RGB string representation of this color.
color.formatRgb - returns the HSL string representation of this color.
color.toString - returns the RGB string representation of this color.
d3.rgb - create a new RGB color.
rgb.clamp - returns copy of this color clamped to the RGB color space.
d3.hsl - create a new HSL color.
hsl.clamp - returns copy of this color clamped to the HSL color space.
d3.lab - create a new Lab color.
d3.gray - create a new Lab gray.
d3.hcl - create a new HCL color.
d3.lch - create a new HCL color.
d3.cubehelix - create a new Cubehelix color.

d3-contour

Compute contour polygons using marching squares.

d3.contours - create a new contour generator.
contours - compute the contours for a given grid of values.
contours.contour - compute a contour for a given value.
contours.size - set the size of a contour generator.
contours.smooth - set whether or not the generated contours are smoothed.
contours.thresholds - set the thresholds of a contour generator.
d3.contourDensity - create a new density estimator.
density - estimate the density of a given array of samples.
density.x - set the x accessor of the density estimator.
density.y - set the y accessor of the density estimator.
density.weight - set the weight accessor of the density estimator.
density.size - set the size of the density estimator.
density.cellSize - set the cell size of the density estimator.
density.thresholds - set the thresholds of the density estimator.
density.bandwidth - set the bandwidth of the density estimator.
density.contours - compute density contours.

d3-delaunay

Compute the Voronoi diagram of a set of two-dimensional points.

new Delaunay - create a delaunay triangulation for an array of point coordinates.
Delaunay.from - create a delaunay triangulation for an iterable of points.
delaunay.points - the coordinates of the points.
delaunay.halfedges - the delaunay halfedges.
delaunay.hull - the convex hull as point indices.
delaunay.triangles - the delaunay triangles.
delaunay.inedges - the delaunay inedges
delaunay.find - find the closest point in the delaunay triangulation.
delaunay.neighbors - the neighbors of a point in the delaunay triangulation.
delaunay.render - render the edges of the delaunay triangulation.
delaunay.renderHull - render the convex hull.
delaunay.renderTriangle - render a triangle.
delaunay.renderPoints - render the points.
delaunay.hullPolygon - the closed convex hull as point coordinates.
delaunay.trianglePolygons - iterate over all the triangles as polygons.
delaunay.trianglePolygon - return a triangle as a polygon.
delaunay.update - update a delaunay triangulation in place.
delaunay.voronoi - compute the voronoi diagram associated with a delaunay triangulation.
voronoi.delaunay - the voronoi diagram’s source delaunay triangulation.
voronoi.circumcenters - the triangles’ circumcenters.
voronoi.vectors - directions for the outer (infinite) cells of the voronoi diagram.
voronoi.xmin - set the xmin bound of the extent.
voronoi.ymin - set the ymin bound of the extent.
voronoi.xmax - set the xmax bound of the extent.
voronoi.ymax - set the ymax bound of the extent.
voronoi.contains - test whether a point is inside a voronoi cell.
voronoi.neighbors - the neighbors of a point in the voronoi diagram.
voronoi.render - render the mesh of voronoi cells.
voronoi.renderBounds - render the extent.
voronoi.renderCell - render a voronoi cell.
voronoi.cellPolygons - iterate over all the cells as polygons.
voronoi.cellPolygon - return a cell as a polygon.
voronoi.update - update a voronoi diagram in place.

d3-dispatch

Separate concerns using named callbacks.

d3.dispatch - create a custom event dispatcher.
dispatch.on - register or unregister an event listener.
dispatch.copy - create a copy of a dispatcher.
dispatch.call - dispatch an event to registered listeners.
dispatch.apply - dispatch an event to registered listeners.

d3-drag

Drag and drop SVG, HTML or Canvas using mouse or touch input.

d3.drag - create a drag behavior.
drag - apply the drag behavior to a selection.
drag.container - set the coordinate system.
drag.filter - ignore some initiating input events.
drag.touchable - set the touch support detector.
drag.subject - set the thing being dragged.
drag.clickDistance - set the click distance threshold.
drag.on - listen for drag events.
d3.dragDisable - prevent native drag-and-drop and text selection.
d3.dragEnable - enable native drag-and-drop and text selection.
event.on - listen for drag events on the current gesture.

d3-dsv

Parse and format delimiter-separated values, most commonly CSV and TSV.

d3.csvParse - parse the given CSV string, returning an array of objects.
d3.csvParseRows - parse the given CSV string, returning an array of rows.
d3.csvFormat - format the given array of objects as CSV.
d3.csvFormatBody - format the given array of objects as CSV.
d3.csvFormatRows - format the given array of rows as CSV.
d3.csvFormatRow - format the given row as CSV.
d3.csvFormatValue - format the given value as CSV.
d3.tsvParse - parse the given TSV string, returning an array of objects.
d3.tsvParseRows - parse the given TSV string, returning an array of rows.
d3.tsvFormat - format the given array of objects as TSV.
d3.tsvFormatBody - format the given array of objects as TSV.
d3.tsvFormatRows - format the given array of rows as TSV.
d3.tsvFormatRow - format the given row as TSV.
d3.tsvFormatValue - format the given value as TSV.
d3.dsvFormat - create a new parser and formatter for the given delimiter.
dsv.parse - parse the given string, returning an array of objects.
dsv.parseRows - parse the given string, returning an array of rows.
dsv.format - format the given array of objects.
dsv.formatBody - format the given array of objects.
dsv.formatRows - format the given array of rows.
dsv.formatRow - format the given row.
dsv.formatValue - format the given value.
d3.autoType - automatically infer value types for the given object.

d3-ease

Easing functions for smooth animation.

ease - ease the given normalized time.
d3.easeLinear - linear easing; the identity function.
d3.easePolyIn - polynomial easing; raises time to the given power.
d3.easePolyOut - reverse polynomial easing.
d3.easePoly - an alias for easePolyInOut.
d3.easePolyInOut - symmetric polynomial easing.
poly.exponent - specify the polynomial exponent.
d3.easeQuadIn - quadratic easing; squares time.
d3.easeQuadOut - reverse quadratic easing.
d3.easeQuad - an alias for easeQuadInOut.
d3.easeQuadInOut - symmetric quadratic easing.
d3.easeCubicIn - cubic easing; cubes time.
d3.easeCubicOut - reverse cubic easing.
d3.easeCubic - an alias for easeCubicInOut.
d3.easeCubicInOut - symmetric cubic easing.
d3.easeSinIn - sinusoidal easing.
d3.easeSinOut - reverse sinusoidal easing.
d3.easeSin - an alias for easeSinInOut.
d3.easeSinInOut - symmetric sinusoidal easing.
d3.easeExpIn - exponential easing.
d3.easeExpOut - reverse exponential easing.
d3.easeExp - an alias for easeExpInOut.
d3.easeExpInOut - symmetric exponential easing.
d3.easeCircleIn - circular easing.
d3.easeCircleOut - reverse circular easing.
d3.easeCircle - an alias for easeCircleInOut.
d3.easeCircleInOut - symmetric circular easing.
d3.easeElasticIn - elastic easing, like a rubber band.
d3.easeElastic - an alias for easeElasticOut.
d3.easeElasticOut - reverse elastic easing.
d3.easeElasticInOut - symmetric elastic easing.
elastic.amplitude - specify the elastic amplitude.
elastic.period - specify the elastic period.
d3.easeBackIn - anticipatory easing, like a dancer bending his knees before jumping.
d3.easeBackOut - reverse anticipatory easing.
d3.easeBack - an alias for easeBackInOut.
d3.easeBackInOut - symmetric anticipatory easing.
back.overshoot - specify the amount of overshoot.
d3.easeBounceIn - bounce easing, like a rubber ball.
d3.easeBounce - an alias for easeBounceOut.
d3.easeBounceOut - reverse bounce easing.
d3.easeBounceInOut - symmetric bounce easing.

d3-fetch

Convenience methods on top of the Fetch API.

d3.blob - get a file as a blob.
d3.buffer - get a file as an array buffer.
d3.csv - get a comma-separated values (CSV) file.
d3.dsv - get a delimiter-separated values (CSV) file.
d3.html - get an HTML file.
d3.image - get an image.
d3.json - get a JSON file.
d3.svg - get an SVG file.
d3.text - get a plain text file.
d3.tsv - get a tab-separated values (TSV) file.
d3.xml - get an XML file.

d3-force

Force-directed graph layout using velocity Verlet integration.

d3.forceSimulation - create a new force simulation.
simulation.restart - reheat and restart the simulation’s timer.
simulation.stop - stop the simulation’s timer.
simulation.tick - advance the simulation one step.
simulation.nodes - set the simulation’s nodes.
simulation.alpha - set the current alpha.
simulation.alphaMin - set the minimum alpha threshold.
simulation.alphaDecay - set the alpha exponential decay rate.
simulation.alphaTarget - set the target alpha.
simulation.velocityDecay - set the velocity decay rate.
simulation.force - add or remove a force.
simulation.find - find the closest node to the given position.
simulation.randomSource - set the simulation’s random source.
simulation.on - add or remove an event listener.
force - apply the force.
force.initialize - initialize the force with the given nodes.
d3.forceCenter - create a centering force.
center.x - set the center x-coordinate.
center.y - set the center y coordinate.
center.strength - set the strength of the centering force.
d3.forceCollide - create a circle collision force.
collide.radius - set the circle radius.
collide.strength - set the collision resolution strength.
collide.iterations - set the number of iterations.
d3.forceLink - create a link force.
link.links - set the array of links.
link.id - link nodes by numeric index or string identifier.
link.distance - set the link distance.
link.strength - set the link strength.
link.iterations - set the number of iterations.
d3.forceManyBody - create a many-body force.
manyBody.strength - set the force strength.
manyBody.theta - set the Barnes–Hut approximation accuracy.
manyBody.distanceMin - limit the force when nodes are close.
manyBody.distanceMax - limit the force when nodes are far.
d3.forceX - create an x-positioning force.
x.strength - set the force strength.
x.x - set the target x-coordinate.
d3.forceY - create an y-positioning force.
y.strength - set the force strength.
y.y - set the target y coordinate.
d3.forceRadial - create a radial positioning force.
radial.strength - set the force strength.
radial.radius - set the target radius.
radial.x - set the target center x-coordinate.
radial.y - set the target center y coordinate.

d3-format

Format numbers for human consumption.

d3.format - alias for locale.format on the default locale.
d3.formatPrefix - alias for locale.formatPrefix on the default locale.
locale.format - create a number format.
locale.formatPrefix - create a SI-prefix number format.
d3.formatSpecifier - parse a number format specifier.
new d3.FormatSpecifier - augments a number format specifier object.
d3.precisionFixed - compute decimal precision for fixed-point notation.
d3.precisionPrefix - compute decimal precision for SI-prefix notation.
d3.precisionRound - compute significant digits for rounded notation.
d3.formatLocale - define a custom locale.
d3.formatDefaultLocale - define the default locale.

d3-geo

Geographic projections, shapes and math.

Paths

d3.geoPath - create a new geographic path generator.
path - project and render the specified feature.
path.area - compute the projected planar area of a given feature.
path.bounds - compute the projected planar bounding box of a given feature.
path.centroid - compute the projected planar centroid of a given feature.
path.digits - set the output precision.
path.measure - compute the projected planar length of a given feature.
path.projection - set the geographic projection.
path.context - set the render context.
path.pointRadius - set the radius to display point features.

Projections

projection - project the specified point from the sphere to the plane.
projection.invert - unproject the specified point from the plane to the sphere.
projection.stream - wrap the specified stream to project geometry.
projection.preclip - set the projection’s spherical clipping function.
projection.postclip - set the projection’s cartesian clipping function.
projection.clipAngle - set the radius of the clip circle.
projection.clipExtent - set the viewport clip extent, in pixels.
projection.scale - set the scale factor.
projection.translate - set the translation offset.
projection.center - set the center point.
projection.angle - set the post-projection rotation.
projection.reflectX - reflect the x-dimension.
projection.reflectY - reflect the y-dimension.
projection.rotate - set the three-axis spherical rotation angles.
projection.precision - set the precision threshold for adaptive sampling.
projection.fitExtent - set the scale and translate to fit a GeoJSON object.
projection.fitSize - set the scale and translate to fit a GeoJSON object.
projection.fitWidth - set the scale and translate to fit a GeoJSON object.
projection.fitHeight - set the scale and translate to fit a GeoJSON object.

Raw projections

project - project the specified point from the sphere to the plane.
project.invert - unproject the specified point from the plane to the sphere.
d3.geoProjection - create a custom projection.
d3.geoProjectionMutator - create a custom configurable projection.
d3.geoTransform - define a custom geometry transform.
d3.geoIdentity - scale, translate or clip planar geometry.
d3.geoClipAntimeridian - cuts spherical geometries that cross the antimeridian.
d3.geoClipCircle - clips spherical geometries to a small circle.
d3.geoClipRectangle - clips planar geometries to a rectangular viewport.

Azimuthal projections

d3.geoAzimuthalEqualArea - the azimuthal equal-area projection.
d3.geoAzimuthalEquidistant - the azimuthal equidistant projection.
d3.geoGnomonic - the gnomonic projection.
d3.geoOrthographic - the azimuthal orthographic projection.
d3.geoStereographic - the azimuthal stereographic projection.

Conic projections

conic.parallels - set the two standard parallels.
d3.geoConicConformal - the conic conformal projection.
d3.geoConicEqualArea - the conic equal-area (Albers) projection.
d3.geoConicEquidistant - the conic equidistant projection.
d3.geoAlbers - the Albers equal-area conic projection.
d3.geoAlbersUsa - a composite Albers projection for the United States.

Cylindrical projections

d3.geoEquirectangular - the equirectangular (plate carreé) projection.
d3.geoMercator - the spherical Mercator projection.
d3.geoTransverseMercator - the transverse spherical Mercator projection.
d3.geoEqualEarth - the Equal Earth projection.
d3.geoNaturalEarth1 - the Equal Earth projection, version 1.

Streams

d3.geoStream - convert a GeoJSON object to a geometry stream.
stream.point - indicates a point with the specified coordinates.
stream.lineStart - indicates the start of a line or ring.
stream.lineEnd - indicates the end of a line or ring.
stream.polygonStart - indicates the start of a polygon.
stream.polygonEnd - indicates the end of a polygon.
stream.sphere - indicates the sphere.

Spherical shapes

d3.geoGraticule - create a graticule generator.
graticule - generate a MultiLineString of meridians and parallels.
graticule.lines - generate an array of LineStrings of meridians and parallels.
graticule.outline - generate a Polygon of the graticule’s extent.
graticule.extent - get or set the major & minor extents.
graticule.extentMajor - get or set the major extent.
graticule.extentMinor - get or set the minor extent.
graticule.step - get or set the major & minor step intervals.
graticule.stepMajor - get or set the major step intervals.
graticule.stepMinor - get or set the minor step intervals.
graticule.precision - get or set the latitudinal precision.
d3.geoGraticule10 - generate the default 10° global graticule.
d3.geoCircle - create a circle generator.
circle - generate a piecewise circle as a Polygon.
circle.center - specify the circle center in latitude and longitude.
circle.radius - specify the angular radius in degrees.
circle.precision - specify the precision of the piecewise circle.

Spherical math

d3.geoArea - compute the spherical area of a given feature.
d3.geoBounds - compute the latitude-longitude bounding box for a given feature.
d3.geoCentroid - compute the spherical centroid of a given feature.
d3.geoDistance - compute the great-arc distance between two points.
d3.geoLength - compute the length of a line string or the perimeter of a polygon.
d3.geoInterpolate - interpolate between two points along a great arc.
d3.geoContains - test whether a point is inside a given feature.
d3.geoRotation - create a rotation function for the specified angles.

d3-hierarchy

Layout algorithms for visualizing hierarchical data.

d3.hierarchy - constructs a root node from hierarchical data.
node.ancestors - generate an array of ancestors.
node.descendants - generate an array of descendants.
node.leaves - generate an array of leaves.
node.find - find a node in the hierarchy.
node.path - generate the shortest path to another node.
node.links - generate an array of links.
node.sum - evaluate and aggregate quantitative values.
node.count - count the number of leaves.
node.sort - sort all descendant siblings.
node[Symbol.iterator] - iterate on a hierarchy.
node.each - breadth-first traversal.
node.eachAfter - post-order traversal.
node.eachBefore - pre-order traversal.
node.copy - copy a hierarchy.
d3.stratify - create a new stratify operator.
stratify - construct a root node from tabular data.
stratify.id - set the node id accessor.
stratify.parentId - set the parent node id accessor.
stratify.path - set the path accessor.
d3.cluster - create a new cluster (dendrogram) layout.
cluster - layout the specified hierarchy in a dendrogram.
cluster.size - set the layout size.
cluster.nodeSize - set the node size.
cluster.separation - set the separation between leaves.
d3.tree - create a new tidy tree layout.
tree - layout the specified hierarchy in a tidy tree.
tree.size - set the layout size.
tree.nodeSize - set the node size.
tree.separation - set the separation between nodes.
d3.treemap - create a new treemap layout.
treemap - layout the specified hierarchy as a treemap.
treemap.tile - set the tiling method.
treemap.size - set the layout size.
treemap.round - set whether the output coordinates are rounded.
treemap.padding - set the padding.
treemap.paddingInner - set the padding between siblings.
treemap.paddingOuter - set the padding between parent and children.
treemap.paddingTop - set the padding between the parent’s top edge and children.
treemap.paddingRight - set the padding between the parent’s right edge and children.
treemap.paddingBottom - set the padding between the parent’s bottom edge and children.
treemap.paddingLeft - set the padding between the parent’s left edge and children.
d3.treemapBinary - tile using a balanced binary tree.
d3.treemapDice - tile into a horizontal row.
d3.treemapSlice - tile into a vertical column.
d3.treemapSliceDice - alternate between slicing and dicing.
d3.treemapSquarify - tile using squarified rows per Bruls et. al.
d3.treemapResquarify - like d3.treemapSquarify, but performs stable updates.
squarify.ratio - set the desired rectangle aspect ratio.
d3.partition - create a new partition (icicle or sunburst) layout.
partition - layout the specified hierarchy as a partition diagram.
partition.size - set the layout size.
partition.round - set whether the output coordinates are rounded.
partition.padding - set the padding.
d3.pack - create a new circle-packing layout.
pack - layout the specified hierarchy using circle-packing.
pack.radius - set the radius accessor.
pack.size - set the layout size.
pack.padding - set the padding.
d3.packSiblings - pack the specified array of circles.
d3.packEnclose - enclose the specified array of circles.

d3-interpolate

Interpolate numbers, colors, strings, arrays, objects, whatever!

Value interpolation

d3.interpolate - interpolate arbitrary values.
d3.interpolateNumber - interpolate numbers.
d3.interpolateRound - interpolate integers.
d3.interpolateString - interpolate strings with embedded numbers.
d3.interpolateDate - interpolate dates.
d3.interpolateArray - interpolate arrays of arbitrary values.
d3.interpolateNumberArray - interpolate arrays of numbers.
d3.interpolateObject - interpolate arbitrary objects.
d3.interpolateBasis - generate a B-spline through a set of values.
d3.interpolateBasisClosed - generate a closed B-spline through a set of values.
d3.interpolateDiscrete - generate a discrete interpolator from a set of values.
d3.quantize - generate uniformly-spaced samples from an interpolator.
d3.piecewise - generate a piecewise linear interpolator from a set of values.

Color interpolation

d3.interpolateRgb - interpolate RGB colors.
d3.interpolateRgbBasis - generate a B-spline through a set of colors.
d3.interpolateRgbBasisClosed - generate a closed B-spline through a set of colors.
d3.interpolateHsl - interpolate HSL colors.
d3.interpolateHslLong - interpolate HSL colors, the long way.
d3.interpolateLab - interpolate Lab colors.
d3.interpolateHcl - interpolate HCL colors.
d3.interpolateHclLong - interpolate HCL colors, the long way.
d3.interpolateCubehelix - interpolate Cubehelix colors.
d3.interpolateCubehelixLong - interpolate Cubehelix colors, the long way.
interpolateColor.gamma - apply gamma correction during interpolation.
d3.interpolateHue - interpolate a hue angle.

Transform interpolation

d3.interpolateTransformCss - interpolate 2D CSS transforms.
d3.interpolateTransformSvg - interpolate 2D SVG transforms.

Zoom interpolation

d3.interpolateZoom - zoom and pan between two views.
interpolateZoom.rho - set the curvature rho of the zoom interpolator.

d3-path

Serialize Canvas path commands to SVG.

d3.path - create a new path serializer.
path.moveTo - move to the given point.
path.closePath - close the current subpath.
path.lineTo - draw a straight line segment.
path.quadraticCurveTo - draw a quadratic Bézier segment.
path.bezierCurveTo - draw a cubic Bézier segment.
path.arcTo - draw a circular arc segment.
path.arc - draw a circular arc segment.
path.rect - draw a rectangle.
path.toString - serialize to an SVG path data string.
d3.pathRound - create a new path serializer with fixed output precision.

d3-polygon

Geometric operations for two-dimensional polygons.

d3.polygonArea - compute the area of the given polygon.
d3.polygonCentroid - compute the centroid of the given polygon.
d3.polygonHull - compute the convex hull of the given points.
d3.polygonContains - test whether a point is inside a polygon.
d3.polygonLength - compute the length of the given polygon’s perimeter.

d3-quadtree

Two-dimensional recursive spatial subdivision.

d3.quadtree - create a new, empty quadtree.
quadtree.x - set the x accessor.
quadtree.y - set the y accessor.
quadtree.extent - extend the quadtree to cover an extent.
quadtree.cover - extend the quadtree to cover a point.
quadtree.add - add a datum to a quadtree.
quadtree.addAll - add an array of data to a quadtree.
quadtree.remove - remove a datum from a quadtree.
quadtree.removeAll - remove an array of data from a quadtree.
quadtree.copy - create a copy of a quadtree.
quadtree.root - get the quadtree’s root node.
quadtree.data - retrieve all data from the quadtree.
quadtree.size - count the number of data in the quadtree.
quadtree.find - quickly find the closest datum in a quadtree.
quadtree.visit - selectively visit nodes in a quadtree.
quadtree.visitAfter - visit all nodes in a quadtree.

d3-random

Generate random numbers from various distributions.

d3.randomUniform - from a uniform distribution.
d3.randomInt - from a uniform integer distribution.
d3.randomNormal - from a normal distribution.
d3.randomLogNormal - from a log-normal distribution.
d3.randomBates - from a Bates distribution.
d3.randomIrwinHall - from an Irwin–Hall distribution.
d3.randomExponential - from an exponential distribution.
d3.randomPareto - from a Pareto distribution.
d3.randomBernoulli - from a Bernoulli distribution.
d3.randomGeometric - from a geometric distribution.
d3.randomBinomial - from a binomial distribution.
d3.randomGamma - from a gamma distribution.
d3.randomBeta - from a beta distribution.
d3.randomWeibull - from a Weibull, Gumbel or Fréchet distribution.
d3.randomCauchy - from a Cauchy distribution.
d3.randomLogistic - from a logistic distribution.
d3.randomPoisson - from a Poisson distribution.
random.source - set the source of randomness.
d3.randomLcg - a seeded pseudorandom number generator.

d3-scale

Encodings that map abstract data to visual representation.

Linear scales

Map a continuous, quantitative domain to a continuous range.

d3.scaleLinear - create a quantitative linear scale.
linear - compute the range value corresponding to a given domain value.
linear.invert - compute the domain value corresponding to a given range value.
linear.domain - set the input domain.
linear.range - set the output range.
linear.rangeRound - set the output range and enable rounding.
linear.clamp - enable clamping to the domain or range.
linear.unknown - set the output value for unknown inputs.
linear.interpolate - set the output interpolator.
linear.ticks - compute representative values from the domain.
linear.tickFormat - format ticks for human consumption.
linear.nice - extend the domain to nice round numbers.
linear.copy - create a copy of this scale.
d3.tickFormat - format ticks for human consumption.
d3.scaleIdentity - creates an identity scale.
d3.scaleRadial - creates a radial scale.

Pow scales

d3.scalePow - create a quantitative power scale.
d3.scaleSqrt - create a quantitative power scale with exponent 0.5.
pow.exponent - set the power exponent.

Log scales

d3.scaleLog - create a quantitative logarithmic scale.
log.base - set the logarithm base.
log.ticks - compute representative values from the domain.
log.tickFormat - format ticks for human consumption.
log.nice - extend the domain to nice round numbers.

Symlog scales

d3.scaleSymlog - create a symmetric logarithmic scale.
symlog.constant - set the constant of a symlog scale.

Time scales

d3.scaleTime - create a linear scale for time.
time.ticks - compute representative values from the domain.
time.tickFormat - format ticks for human consumption.
time.nice - extend the domain to nice round times.
d3.scaleUtc - create a linear scale for UTC.

Sequential scales

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

d3.scaleSequential - create a sequential scale.
sequential.interpolator - set the scale’s output interpolator.
sequential.range - set the output range.
sequential.rangeRound - set the output range and enable rounding.
d3.scaleSequentialLog - create a logarithmic sequential scale.
d3.scaleSequentialPow - create a power sequential scale.
d3.scaleSequentialSqrt - create a power sequential scale with exponent 0.5.
d3.scaleSequentialSymlog - create a symmetric logarithmic sequential scale.
d3.scaleSequentialQuantile - create a sequential scale using a p-quantile transform.
sequentialQuantile.quantiles - return the scale’s quantiles.

Diverging scales

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

d3.scaleDiverging - create a diverging scale.
diverging.interpolator - set the scale’s output interpolator.
diverging.range - set the output range.
diverging.rangeRound - set the output range and enable rounding.
d3.scaleDivergingLog - create a diverging logarithmic scale.
d3.scaleDivergingPow - create a diverging power scale.
d3.scaleDivergingSqrt - create a diverging power scale with exponent 0.5.
d3.scaleDivergingSymlog - create a diverging symmetric logarithmic scale.

Quantize scales

Map a continuous, quantitative domain to a discrete range.

d3.scaleQuantize - create a uniform quantizing linear scale.
quantize - compute the range value corresponding to a given domain value.
quantize.invertExtent - compute the domain values corresponding to a given range value.
quantize.domain - set the input domain.
quantize.range - set the output range.
quantize.thresholds - return the array of computed thresholds within the domain.
quantize.copy - create a copy of this scale.

Quantile scales

d3.scaleQuantile - create a quantile quantizing linear scale.
quantile - compute the range value corresponding to a given domain value.
quantile.invertExtent - compute the domain values corresponding to a given range value.
quantile.domain - set the input domain.
quantile.range - set the output range.
quantile.quantiles - get the quantile thresholds.
quantile.copy - create a copy of this scale.

Threshold scales

d3.scaleThreshold - create an arbitrary quantizing linear scale.
threshold - compute the range value corresponding to a given domain value.
threshold.invertExtent - compute the domain values corresponding to a given range value.
threshold.domain - set the input domain.
threshold.range - set the output range.
threshold.copy - create a copy of this scale.

Ordinal scales

Map a discrete domain to a discrete range.

d3.scaleOrdinal - create an ordinal scale.
ordinal - compute the range value corresponding to a given domain value.
ordinal.domain - set the input domain.
ordinal.range - set the output range.
ordinal.unknown - set the output value for unknown inputs.
ordinal.copy - create a copy of this scale.
d3.scaleImplicit - a special unknown value for implicit domains.

Band scales

d3.scaleBand - create an ordinal band scale.
band - compute the band start corresponding to a given domain value.
band.domain - set the input domain.
band.range - set the output range.
band.rangeRound - set the output range and enable rounding.
band.round - enable rounding.
band.paddingInner - set padding between bands.
band.paddingOuter - set padding outside the first and last bands.
band.padding - set padding outside and between bands.
band.align - set band alignment, if there is extra space.
band.bandwidth - get the width of each band.
band.step - get the distance between the starts of adjacent bands.
band.copy - create a copy of this scale.

Point scales

d3.scalePoint - create an ordinal point scale.
point - compute the point corresponding to a given domain value.
point.domain - set the input domain.
point.range - set the output range.
point.rangeRound - set the output range and enable rounding.
point.round - enable rounding.
point.padding - set padding outside the first and last point.
point.align - set point alignment, if there is extra space.
point.bandwidth - returns zero.
point.step - get the distance between the starts of adjacent points.
point.copy - create a copy of this scale.

d3-scale-chromatic

Color ramps and palettes for quantitative, ordinal and categorical scales.

Categorical

d3.schemeCategory10 - an array of ten categorical colors.
d3.schemeAccent - an array of eight categorical colors.
d3.schemeDark2 - an array of eight categorical colors.
d3.schemeObservable10 - an array of ten categorical colors.
d3.schemePaired - an array of twelve categorical colors.
d3.schemePastel1 - an array of nine categorical colors.
d3.schemePastel2 - an array of eight categorical colors.
d3.schemeSet1 - an array of nine categorical colors.
d3.schemeSet2 - an array of eight categorical colors.
d3.schemeSet3 - an array of twelve categorical colors.
d3.schemeTableau10 - an array of ten categorical colors.

Cyclical

d3.interpolateRainbow - the “less-angry” rainbow
d3.interpolateSinebow - the “sinebow” smooth rainbow

Diverging

d3.interpolateBrBG - ColorBrewer BrBG interpolator.
d3.interpolatePiYG - ColorBrewer PiYG interpolator.
d3.interpolatePRGn - ColorBrewer PRGn interpolator.
d3.interpolatePuOr - ColorBrewer PuOr interpolator.
d3.interpolateRdBu - ColorBrewer RdBu interpolator.
d3.interpolateRdGy - ColorBrewer RdGy interpolator.
d3.interpolateRdYlBu - ColorBrewer RdYlBu interpolator.
d3.interpolateRdYlGn - ColorBrewer RdYlGn interpolator.
d3.interpolateSpectral - ColorBrewer spectral interpolator.
d3.schemeBrBG - ColorBrewer BrBG scheme.
d3.schemePiYG - ColorBrewer PiYG scheme.
d3.schemePRGn - ColorBrewer PRGn scheme.
d3.schemePuOr - ColorBrewer PuOr scheme.
d3.schemeRdBu - ColorBrewer RdBu scheme.
d3.schemeRdGy - ColorBrewer RdGy scheme.
d3.schemeRdYlBu - ColorBrewer RdYlBu scheme.
d3.schemeRdYlGn - ColorBrewer RdYlGn scheme.
d3.schemeSpectral - ColorBrewer spectral scheme.

Sequential

d3.interpolateBlues -
d3.interpolateGreens -
d3.interpolateGreys -
d3.interpolateOranges -
d3.interpolatePurples -
d3.interpolateReds -
d3.schemeBlues -
d3.schemeGreens -
d3.schemeGreys -
d3.schemeOranges -
d3.schemePurples -
d3.schemeReds -
d3.interpolateBuGn - ColorBrewer BuGn interpolator.
d3.interpolateBuPu - ColorBrewer BuPu interpolator.
d3.interpolateCividis - cividis interpolator.
d3.interpolateCool - cool interpolator.
d3.interpolateCubehelixDefault - cubehelix interpolator.
d3.interpolateGnBu - ColorBrewer GnBu interpolator.
d3.interpolateInferno - inferno interpolator.
d3.interpolateMagma - magma interpolator.
d3.interpolateOrRd - ColorBrewer OrRd interpolator.
d3.interpolatePlasma - plasma interpolator.
d3.interpolatePuBu - ColorBrewer PuBu interpolator.
d3.interpolatePuBuGn - ColorBrewer PuBuGn interpolator.
d3.interpolatePuRd - ColorBrewer PuRd interpolator.
d3.interpolateRdPu - ColorBrewer RdPu interpolator.
d3.interpolateTurbo - turbo interpolator.
d3.interpolateViridis - viridis interpolator.
d3.interpolateWarm - warm interpolator.
d3.interpolateYlGn - ColorBrewer YlGn interpolator.
d3.interpolateYlGnBu - ColorBrewer YlGnBu interpolator.
d3.interpolateYlOrBr - ColorBrewer YlOrBr interpolator.
d3.interpolateYlOrRd - ColorBrewer YlOrRd interpolator.
d3.schemeBuGn - ColorBrewer BuGn scheme.
d3.schemeBuPu - ColorBrewer BuPu scheme.
d3.schemeGnBu - ColorBrewer GnBu scheme.
d3.schemeOrRd - ColorBrewer OrRd scheme.
d3.schemePuBu - ColorBrewer PuBu scheme.
d3.schemePuBuGn - ColorBrewer PuBuGn scheme.
d3.schemePuRd - ColorBrewer PuRd scheme.
d3.schemeRdPu - ColorBrewer RdPu scheme.
d3.schemeYlGn - ColorBrewer YlGn scheme.
d3.schemeYlGnBu - ColorBrewer YlGnBu scheme.
d3.schemeYlOrBr - ColorBrewer YlOrBr scheme.
d3.schemeYlOrRd - ColorBrewer YlOrRd scheme.

d3-selection

Transform the DOM by selecting elements and joining to data.

Selecting elements

d3.selection - select the root document element.
d3.select - select an element from the document.
d3.selectAll - select multiple elements from the document.
selection.select - select a descendant element for each selected element.
selection.selectAll - select multiple descendants for each selected element.
selection.filter - filter elements based on data.
selection.merge - merge this selection with another.
selection.selectChild - select a child element for each selected element.
selection.selectChildren - select the children elements for each selected element.
selection.selection - return the selection.
d3.matcher - test whether an element matches a selector.
d3.selector - select an element.
d3.selectorAll - select elements.
d3.window - get a node’s owner window.
d3.style - get a node’s current style value.

Modifying elements

selection.attr - get or set an attribute.
selection.classed - get, add or remove CSS classes.
selection.style - get or set a style property.
selection.property - get or set a (raw) property.
selection.text - get or set the text content.
selection.html - get or set the inner HTML.
selection.append - create, append and select new elements.
selection.insert - create, insert and select new elements.
selection.remove - remove elements from the document.
selection.clone - insert clones of selected elements.
selection.sort - sort elements in the document based on data.
selection.order - reorders elements in the document to match the selection.
selection.raise - reorders each element as the last child of its parent.
selection.lower - reorders each element as the first child of its parent.
d3.create - create and select a detached element.
d3.creator - create an element by name.

Joining data

selection.data - bind elements to data.
selection.join - enter, update or exit elements based on data.
selection.enter - get the enter selection (data missing elements).
selection.exit - get the exit selection (elements missing data).
selection.datum - get or set element data (without joining).

Handling events

selection.on - add or remove event listeners.
selection.dispatch - dispatch a custom event.
d3.pointer - get the pointer’s position of an event.
d3.pointers - get the pointers’ positions of an event.

Control flow

selection.each - call a function for each element.
selection.call - call a function with this selection.
selection.empty - returns true if this selection is empty.
selection.nodes - returns an array of all selected elements.
selection.node - returns the first (non-null) element.
selection.size - returns the count of elements.
selection[Symbol.iterator] - iterate over the selection’s nodes.

Local variables

d3.local - declares a new local variable.
local.set - set a local variable’s value.
local.get - get a local variable’s value.
local.remove - delete a local variable.
local.toString - get the property identifier of a local variable.

Namespaces

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

d3-shape

Graphical primitives for visualization.

Arcs

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

d3.arc - create a new arc generator.
arc - generate an arc for the given datum.
arc.centroid - compute an arc’s midpoint.
arc.innerRadius - set the inner radius.
arc.outerRadius - set the outer radius.
arc.cornerRadius - set the corner radius, for rounded corners.
arc.startAngle - set the start angle.
arc.endAngle - set the end angle.
arc.padAngle - set the angle between adjacent arcs, for padded arcs.
arc.padRadius - set the radius at which to linearize padding.
arc.context - set the rendering context.
arc.digits - set the output precision.

Pies

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

d3.pie - create a new pie generator.
pie - compute the arc angles for the given dataset.
pie.value - set the value accessor.
pie.sort - set the sort order comparator.
pie.sortValues - set the sort order comparator.
pie.startAngle - set the overall start angle.
pie.endAngle - set the overall end angle.
pie.padAngle - set the pad angle between adjacent arcs.

Lines

A spline or polyline, as in a line chart.

d3.line - create a new line generator.
line - generate a line for the given dataset.
line.x - set the x accessor.
line.y - set the y accessor.
line.defined - set the defined accessor.
line.curve - set the curve interpolator.
line.context - set the rendering context.
line.digits - set the output precision.
d3.lineRadial - create a new radial line generator.
lineRadial - generate a line for the given dataset.
lineRadial.angle - set the angle accessor.
lineRadial.radius - set the radius accessor.
lineRadial.defined - set the defined accessor.
lineRadial.curve - set the curve interpolator.
lineRadial.context - set the rendering context.

Areas

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

d3.area - create a new area generator.
area - generate an area for the given dataset.
area.x - set the x0 and x1 accessors.
area.x0 - set the baseline x accessor.
area.x1 - set the topline x accessor.
area.y - set the y0 and y1 accessors.
area.y0 - set the baseline y accessor.
area.y1 - set the topline y accessor.
area.defined - set the defined accessor.
area.curve - set the curve interpolator.
area.context - set the rendering context.
area.digits - set the output precision.
area.lineX0 - derive a line for the left edge of an area.
area.lineY0 - derive a line for the top edge of an area.
area.lineX1 - derive a line for the right edge of an area.
area.lineY1 - derive a line for the bottom edge of an area.
d3.areaRadial - create a new radial area generator.
areaRadial - generate an area for the given dataset.
areaRadial.angle - set the start and end angle accessors.
areaRadial.startAngle - set the start angle accessor.
areaRadial.endAngle - set the end angle accessor.
areaRadial.radius - set the inner and outer radius accessors.
areaRadial.innerRadius - set the inner radius accessor.
areaRadial.outerRadius - set the outer radius accessor.
areaRadial.defined - set the defined accessor.
areaRadial.curve - set the curve interpolator.
areaRadial.context - set the rendering context.
areaRadial.lineStartAngle - derive a line for the start edge of an area.
areaRadial.lineInnerRadius - derive a line for the inner edge of an area.
areaRadial.lineEndAngle - derive a line for the end edge of an area.
areaRadial.lineOuterRadius - derive a line for the outer edge of an area.

Curves

Interpolate between points to produce a continuous shape.

d3.curveBasis - a cubic basis spline, repeating the end points.
d3.curveBasisClosed - a closed cubic basis spline.
d3.curveBasisOpen - a cubic basis spline.
d3.curveBundle - a straightened cubic basis spline.
bundle.beta - set the bundle tension beta.
d3.curveBumpX - a cubic Bézier spline with horizontal tangents.
d3.curveBumpY - a cubic Bézier spline with vertical tangents.
d3.curveCardinal - a cubic cardinal spline, with one-sided difference at each end.
d3.curveCardinalClosed - a closed cubic cardinal spline.
d3.curveCardinalOpen - a cubic cardinal spline.
cardinal.tension - set the cardinal spline tension.
d3.curveCatmullRom - a cubic Catmull–Rom spline, with one-sided difference at each end.
d3.curveCatmullRomClosed - a closed cubic Catmull–Rom spline.
d3.curveCatmullRomOpen - a cubic Catmull–Rom spline.
catmullRom.alpha - set the Catmull–Rom parameter alpha.
d3.curveLinear - a polyline.
d3.curveLinearClosed - a closed polyline.
d3.curveMonotoneX - a cubic spline that, given monotonicity in x, preserves it in y.
d3.curveMonotoneY - a cubic spline that, given monotonicity in y, preserves it in x.
d3.curveNatural - a natural cubic spline.
d3.curveStep - a piecewise constant function.
d3.curveStepAfter - a piecewise constant function.
d3.curveStepBefore - a piecewise constant function.
curve.areaStart - start a new area segment.
curve.areaEnd - end the current area segment.
curve.lineStart - start a new line segment.
curve.lineEnd - end the current line segment.
curve.point - add a point to the current line segment.

Symbols

A categorical shape encoding, as in a scatterplot.

d3.symbol - create a new symbol generator.
symbol - generate a symbol for the given datum.
symbol.type - set the symbol type.
symbol.size - set the size of the symbol in square pixels.
symbol.context - set the rendering context.
symbol.digits - set the output precision.
d3.symbolsFill - an array of built-in symbol types for filling.
d3.symbolsStroke - an array of built-in symbol types for stroking.
d3.symbolAsterisk - an asterisk; for stroke.
d3.symbolCircle - a circle; for fill or stroke.
d3.symbolCross - a Greek cross with arms of equal length; for fill.
d3.symbolDiamond - a rhombus; for fill.
d3.symbolDiamond2 - a rotated square; for stroke.
d3.symbolPlus - a plus sign; for stroke.
d3.symbolSquare - a square; for fill.
d3.symbolSquare2 - a square; for stroke.
d3.symbolStar - a pentagonal star (pentagram); for fill.
d3.symbolTriangle - an up-pointing triangle; for fill.
d3.symbolTriangle2 - an up-pointing triangle; for stroke.
d3.symbolWye - a Y shape; for fill.
d3.pointRadial - relative coordinates of a point given an angle and radius.
symbolType.draw - draw this symbol to the given context.

Stacks

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

d3.stack - create a new stack generator.
stack - generate a stack for the given dataset.
stack.keys - set the keys accessor.
stack.value - set the value accessor.
stack.order - set the order accessor.
stack.offset - set the offset accessor.
d3.stackOrderAppearance - put the earliest series on bottom.
d3.stackOrderAscending - put the smallest series on bottom.
d3.stackOrderDescending - put the largest series on bottom.
d3.stackOrderInsideOut - put earlier series in the middle.
d3.stackOrderNone - use the given series order.
d3.stackOrderReverse - use the reverse of the given series order.
d3.stackOffsetExpand - normalize the baseline to zero and topline to one.
d3.stackOffsetDiverging - positive above zero; negative below zero.
d3.stackOffsetNone - apply a zero baseline.
d3.stackOffsetSilhouette - center the streamgraph around zero.
d3.stackOffsetWiggle - minimize streamgraph wiggling.

d3-time

A calculator for humanity’s peculiar conventions of time.

d3.timeInterval - implement a new custom time interval.
interval - alias for interval.floor.
interval.floor - round down to the nearest boundary.
interval.round - round to the nearest boundary.
interval.ceil - round up to the nearest boundary.
interval.offset - offset a date by some number of intervals.
interval.range - generate a range of dates at interval boundaries.
interval.filter - create a filtered subset of this interval.
interval.every - create a filtered subset of this interval.
interval.count - count interval boundaries between two dates.
d3.timeMillisecond - the millisecond interval, local time.
d3.timeSecond - the second interval, local time.
d3.timeMinute - the minute interval, local time.
d3.timeHour - the hour interval, local time.
d3.timeDay - the day interval, local time.
d3.timeWeek - the Sunday-based week interval, local time.
d3.timeSunday - the Sunday-based week interval, local time.
d3.timeMonday - the Monday-based week interval, local time.
d3.timeTuesday - the Tuesday-based week interval, local time.
d3.timeWednesday - the Wednesday-based week interval, local time.
d3.timeThursday - the Thursday-based week interval, local time.
d3.timeFriday - the Friday-based week interval, local time.
d3.timeSaturday - the Saturday-based week interval, local time.
d3.timeMonth - the month interval, local time.
d3.timeYear - the year interval, local time.
d3.utcMillisecond - the millisecond interval, UTC time.
d3.utcSecond - the second interval, UTC time.
d3.utcMinute - the minute interval, UTC time.
d3.utcHour - the hour interval, UTC time.
d3.utcDay - the day interval, UTC time.
d3.utcWeek - the Sunday-based week interval, UTC time.
d3.utcSunday - the Sunday-based week interval, UTC time.
d3.utcMonday - the Monday-based week interval, UTC time.
d3.utcTuesday - the Tuesday-based week interval, UTC time.
d3.utcWednesday - the Wednesday-based week interval, UTC time.
d3.utcThursday - the Thursday-based week interval, UTC time.
d3.utcFriday - the Friday-based week interval, UTC time.
d3.utcSaturday - the Saturday-based week interval, UTC time.
d3.utcMonth - the month interval, UTC time.
d3.utcYear - the year interval, UTC time.
d3.unixDay - the day interval, UTC time, not month-aligned.
d3.timeMilliseconds - alias for d3.timeMillisecond.range.
d3.timeSeconds - alias for d3.timeSecond.range.
d3.timeMinutes - alias for d3.timeMinute.range.
d3.timeHours - alias for d3.timeHour.range.
d3.timeDays - alias for d3.timeDay.range.
d3.timeWeeks - alias for d3.timeWeek.range.
d3.timeSundays - alias for d3.timeSunday.range.
d3.timeMondays - alias for d3.timeMonday.range.
d3.timeTuesdays - alias for d3.timeTuesday.range.
d3.timeWednesdays - alias for d3.timeWednesday.range.
d3.timeThursdays - alias for d3.timeThursday.range.
d3.timeFridays - alias for d3.timeFriday.range.
d3.timeSaturdays - alias for d3.timeSaturday.range.
d3.timeMonths - alias for d3.timeMonth.range.
d3.timeYears - alias for d3.timeYear.range.
d3.utcMilliseconds - alias for d3.utcMillisecond.range.
d3.utcSeconds - alias for d3.utcSecond.range.
d3.utcMinutes - alias for d3.utcMinute.range.
d3.utcHours - alias for d3.utcHour.range.
d3.utcDays - alias for d3.utcDay.range.
d3.utcWeeks - alias for d3.utcWeek.range.
d3.utcSundays - alias for d3.utcSunday.range.
d3.utcMondays - alias for d3.utcMonday.range.
d3.utcTuesdays - alias for d3.utcTuesday.range.
d3.utcWednesdays - alias for d3.utcWednesday.range.
d3.utcThursdays - alias for d3.utcThursday.range.
d3.utcFridays - alias for d3.utcFriday.range.
d3.utcSaturdays - alias for d3.utcSaturday.range.
d3.utcMonths - alias for d3.utcMonth.range.
d3.utcYears - alias for d3.utcYear.range.
d3.unixDays - alias for d3.unixDay.range.
d3.timeTicks - generate representative values from a time interval.
d3.utcTicks - generate representative values from a time interval.
d3.timeTickInterval - generate representative values from a time interval.
d3.utcTickInterval - generate representative values from a time interval.

d3-time-format

Parse and format times, inspired by strptime and strftime.

d3.timeFormat - alias for locale.format on the default locale.
d3.timeParse - alias for locale.parse on the default locale.
d3.utcFormat - alias for locale.utcFormat on the default locale.
d3.utcParse - alias for locale.utcParse on the default locale.
d3.isoFormat - an ISO 8601 UTC formatter.
d3.isoParse - an ISO 8601 UTC parser.
locale.format - create a time formatter.
locale.parse - create a time parser.
locale.utcFormat - create a UTC formatter.
locale.utcParse - create a UTC parser.
d3.timeFormatLocale - define a custom locale.
d3.timeFormatDefaultLocale - define the default locale.

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.

d3-transition

Animated transitions for selections.

selection.transition - schedule a transition for the selected elements.
selection.interrupt - interrupt and cancel transitions on the selected elements.
d3.interrupt - interrupt the active transition for a given node.
d3.transition - schedule a transition on the root document element.
transition.select - schedule a transition on the selected elements.
transition.selectAll - schedule a transition on the selected elements.
transition.selectChild - select a child element for each selected element.
transition.selectChildren - select the children elements for each selected element.
transition.selection - returns a selection for this transition.
transition.filter - filter elements based on data.
transition.merge - merge this transition with another.
transition.transition - schedule a new transition following this one.
d3.active - select the active transition for a given node.
transition.attr - tween the given attribute using the default interpolator.
transition.attrTween - tween the given attribute using a custom interpolator.
transition.style - tween the given style property using the default interpolator.
transition.styleTween - tween the given style property using a custom interpolator.
transition.text - set the text content when the transition starts.
transition.textTween - tween the text using a custom interpolator.
transition.remove - remove the selected elements when the transition ends.
transition.tween - run custom code during the transition.
transition.delay - specify per-element delay in milliseconds.
transition.duration - specify per-element duration in milliseconds.
transition.ease - specify the easing function.
transition.easeVarying - specify an easing function factory.
transition.end - a promise that resolves when a transition ends.
transition.on - await the end of a transition.
transition.each - call a function for each element.
transition.call - call a function with this transition.
transition.empty - returns true if this transition is empty.
transition.nodes - returns an array of all selected elements.
transition.node - returns the first (non-null) element.
transition.size - returns the count of elements.

d3-zoom

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

d3.zoom - create a zoom behavior.
zoom - apply the zoom behavior to the selected elements.
zoom.transform - change the transform for the selected elements.
zoom.translateBy - translate the transform for the selected elements.
zoom.translateTo - translate the transform for the selected elements.
zoom.scaleBy - scale the transform for the selected elements.
zoom.scaleTo - scale the transform for the selected elements.
zoom.constrain - override the transform constraint logic.
zoom.filter - control which input events initiate zooming.
zoom.touchable - set the touch support detector.
zoom.wheelDelta - override scaling for wheel events.
zoom.extent - set the extent of the viewport.
zoom.scaleExtent - set the allowed scale range.
zoom.translateExtent - set the extent of the zoomable world.
zoom.clickDistance - set the click distance threshold.
zoom.tapDistance - set the tap distance threshold.
zoom.duration - set the duration of zoom transitions.
zoom.interpolate - control the interpolation of zoom transitions.
zoom.on - listen for zoom events.
d3.zoomTransform - get the zoom transform for a given element.
transform.scale - scale a transform by the specified amount.
transform.translate - translate a transform by the specified amount.
transform.apply - apply the transform to the given point.
transform.applyX - apply the transform to the given x-coordinate.
transform.applyY - apply the transform to the given y coordinate.
transform.invert - unapply the transform to the given point.
transform.invertX - unapply the transform to the given x-coordinate.
transform.invertY - unapply the transform to the given y coordinate.
transform.rescaleX - apply the transform to an x scale’s domain.
transform.rescaleY - apply the transform to a y scale’s domain.
transform.toString - format the transform as an SVG transform string.
d3.zoomIdentity - the identity transform.