1. 程式人生 > >D3js-API介紹【英】

D3js-API介紹【英】

power rtg fine ict ndb rri zip vertex href

Everything in D3 is scoped under the d3 namespace.


D3 uses semantic versioning. You can find the current version of D3 as d3.version.


See one of:


Behaviors - reusable interaction behaviors
Core - selections, transitions, data, localization, colors, etc.
Geography - project spherical coordinates, latitude & longitude math
Geometry - utilities for 2D geometry, such as Voronoi diagrams and quadtrees
Layouts - derive secondary data for positioning elements
Scales - convert between data and visual encodings
SVG - utilities for creating Scalable Vector Graphics
Time - parse or format times, compute calendar intervals, etc.
d3 (core)


Selections


d3.event - access the current user event for interaction.
d3.mouse - gets the mouse position relative to a specified container.
d3.select - select an element from the current document.
d3.selectAll - select multiple elements from the current document.
d3.selection - augment the selection prototype, or test instance types.
d3.touch - gets a touch position relative to a specified container.
d3.touches - gets the touch positions relative to a specified container.
selection.append - create and append new elements.
selection.attr - get or set attribute values.
selection.call - call a function passing in the current selection.
selection.classed - add or remove CSS classes.
selection.data - get or set data for a group of elements, while computing a relational join.
selection.datum - get or set data for individual elements, without computing a join.
selection.each - call a function for each selected element.
selection.empty - returns true if the selection is empty.
selection.enter - returns placeholders for missing elements.
selection.exit - returns elements that are no longer needed.
selection.filter - filter a selection based on data.
selection.html - get or set inner HTML content.
selection.insert - create and insert new elements before existing elements.
selection.interrupt - immediately interrupt the current transition, if any.
selection.node - returns the first node in the selection.
selection.on - add or remove event listeners for interaction.
selection.order - reorders elements in the document to match the selection.
selection.property - get or set raw properties.
selection.remove - remove elements from the document.
selection.select - subselect a descendant element for each selected element.
selection.selectAll - subselect multiple descendants for each selected element.
selection.size - returns the number of elements in the selection.
selection.sort - sort elements in the document based on data.
selection.style - get or set style properties.
selection.text - get or set text content.
selection.transition - start a transition on the selected elements.
Transitions


d3.ease - customize transition timing.
d3.timer - start a custom animation timer.
d3.interpolate - interpolate two values.
d3.interpolateArray - interpolate two arrays of values.
d3.interpolateHcl - interpolate two HCL colors.
d3.interpolateHsl - interpolate two HSL colors.
d3.interpolateLab - interpolate two L*a*b* colors.
d3.interpolateNumber - interpolate two numbers.
d3.interpolateObject - interpolate two arbitrary objects.
d3.interpolateRgb - interpolate two RGB colors.
d3.interpolateRound - interpolate two integers.
d3.interpolateString - interpolate two strings.
d3.interpolateTransform - interpolate two 2D matrix transforms.
d3.interpolateZoom - zoom and pan between two points smoothly.
d3.interpolators - register a custom interpolator.
d3.timer.flush - immediately execute any zero-delay timers.
d3.transition - start an animated transition.
ease - a parametric easing function.
interpolate - a parametric interpolation function.
transition.attr - smoothly transition to the new attribute value.
transition.attrTween - smoothly transition between two attribute values
transition.call - call a function passing in the current transition.
transition.delay - specify per-element delay in milliseconds.
transition.duration - specify per-element duration in milliseconds.
transition.each - add a listener for transition end events.
transition.ease - specify transition easing function.
transition.empty - returns true if the transition is empty.
transition.filter - filter a transition based on data.
transition.node - returns the first node in the transition.
transition.remove - remove selected elements at the end of a transition.
transition.select - start a transition on a descendant element for each selected element.
transition.selectAll - start a transition on multiple descendants for each selected element.
transition.size - returns the number of elements in the selection.
transition.style - smoothly transition to the new style property value.
transition.styleTween - smoothly transition between two style property values.
transition.text - set the text content when the transition starts.
transition.transition - when this transition ends, start another one on the same elements.
transition.tween - specify a custom tween operator to run as part of the transition.
Working with Arrays


d3.ascending - compare two values for sorting.
d3.bisectLeft - search for a value in a sorted array.
d3.bisector - bisect using an accessor or comparator.
d3.bisectRight - search for a value in a sorted array.
d3.bisect - search for a value in a sorted array.
d3.descending - compare two values for sorting.
d3.deviation - compute the standard deviation of an array of numbers.
d3.entries - list the key-value entries of an associative array.
d3.extent - find the minimum and maximum value in an array.
d3.keys - list the keys of an associative array.
d3.map - a shim for ES6 maps, since objects are not hashes!
d3.max - find the maximum value in an array.
d3.mean - compute the arithmetic mean of an array of numbers.
d3.median - compute the median of an array of numbers (the 0.5-quantile).
d3.merge - merge multiple arrays into one array.
d3.min - find the minimum value in an array.
d3.nest - group array elements hierarchically.
d3.pairs - returns an array of adjacent pairs of elements.
d3.permute - reorder an array of elements according to an array of indexes.
d3.quantile - compute a quantile for a sorted array of numbers.
d3.range - generate a range of numeric values.
d3.set - a shim for ES6 sets, since objects are not hashes!
d3.shuffle - randomize the order of an array.
d3.sum - compute the sum of an array of numbers.
d3.transpose - transpose an array of arrays.
d3.values - list the values of an associated array.
d3.variance - compute the variance of an array of numbers.
d3.zip - transpose a variable number of arrays.
map.empty - returns false if the map has at least one entry.
map.entries - returns the map’s array of entries (key-values objects).
map.forEach - calls the specified function for each entry in the map.
map.get - returns the value for the specified key.
map.has - returns true if the map contains the specified key.
map.keys - returns the map’s array of keys.
map.remove - removes the entry for specified key.
map.set - sets the value for the specified key.
map.size - returns the number of entries in the map.
map.values - returns the map’s array of values.
nest.entries - evaluate the nest operator, returning an array of key-values tuples.
nest.key - add a level to the nest hierarchy.
nest.map - evaluate the nest operator, returning an associative array.
nest.rollup - specify a rollup function for leaf values.
nest.sortKeys - sort the current nest level by key.
nest.sortValues - sort the leaf nest level by value.
set.add - adds the specified value.
set.empty - returns true if the set has at least one value.
set.forEach - calls the specified function for each value in the set.
set.has - returns true if the set contains the specified value.
set.remove - removes the specified value.
set.size - returns the number of values in the set.
set.values - returns the set’s array of values.
Math


d3.random.bates - generate a random number with a Bates distribution.
d3.random.irwinHall - generate a random number with an Irwin–Hall distribution.
d3.random.logNormal - generate a random number with a log-normal distribution.
d3.random.normal - generate a random number with a normal distribution.
d3.transform - compute the standard form of a 2D matrix transform.
Loading External Resources


d3.csv - request a comma-separated values (CSV) file.
d3.html - request an HTML document fragment.
d3.json - request a JSON blob.
d3.text - request a text file.
d3.tsv - request a tab-separated values (TSV) file.
d3.xhr - request a resource using XMLHttpRequest.
d3.xml - request an XML document fragment.
xhr.abort - abort an outstanding request.
xhr.get - issue a GET request.
xhr.header - set a request header.
xhr.mimeType - set the Accept request header and override the response MIME type.
xhr.on - add an event listener for "progress", "load" or "error" events.
xhr.post - issue a POST request.
xhr.response - set a response mapping function.
xhr.send - issue a request with the specified method and data.
String Formatting


d3.format - format a number as a string.
d3.formatPrefix - returns the SI prefix for the specified value and precision.
d3.requote - quote a string for use in a regular expression.
d3.round - rounds a value to some digits after the decimal point.
CSV Formatting (d3.csv)


d3.csv.formatRows - format an array of tuples into a CSV string.
d3.csv.format - format an array of objects into a CSV string.
d3.csv.parseRows - parse a CSV string into tuples, ignoring the header row.
d3.csv.parse - parse a CSV string into objects using the header row.
d3.csv - request a comma-separated values (CSV) file.
d3.dsv - create a parser/formatter for the specified delimiter and mime type.
d3.tsv.formatRows - format an array of tuples into a TSV string.
d3.tsv.format - format an array of objects into a TSV string.
d3.tsv.parseRows - parse a TSV string into tuples, ignoring the header row.
d3.tsv.parse - parse a TSV string into objects using the header row.
d3.tsv - request a tab-separated values (TSV) file.
Localization


d3.locale - create a new locale using the specified strings.
locale.numberFormat - create a new number formatter.
locale.timeFormat - create a new time formatter / parser.
Colors


d3.hcl - specify a color in HCL space.
d3.hsl - specify a color in HSL space.
d3.lab - specify a color in L*a*b* space.
d3.rgb - specify a color in RGB space.
hcl.brighter - increase lightness by some exponential factor (gamma).
hcl.darker - decrease lightness by some exponential factor (gamma).
hcl.rgb - convert from HCL to RGB.
hcl.toString - convert an HCL color to a string.
hsl.brighter - increase lightness by some exponential factor (gamma).
hsl.darker - decrease lightness by some exponential factor (gamma).
hsl.rgb - convert from HSL to RGB.
hsl.toString - convert an HSL color to a string.
lab.brighter - increase lightness by some exponential factor (gamma).
lab.darker - decrease lightness by some exponential factor (gamma).
lab.rgb - convert from L*a*b* to RGB.
lab.toString - convert a L*a*b* color to a string.
rgb.brighter - increase RGB channels by some exponential factor (gamma).
rgb.darker - decrease RGB channels by some exponential factor (gamma).
rgb.hsl - convert from RGB to HSL.
rgb.toString - convert an RGB color to a string.
Namespaces


d3.ns.prefix - access or extend known XML namespaces.
d3.ns.qualify - qualify a prefixed name, such as "xlink:href".
Internals


d3.dispatch - create a custom event dispatcher.
d3.functor - create a function that returns a constant.
d3.rebind - rebind an inherited getter/setter method to a subclass.
dispatch.on - register or unregister an event listener.
dispatch.type - dispatch an event to registered listeners.
d3.scale (Scales)


Quantitative


d3.scale.identity - construct a linear identity scale.
d3.scale.linear - construct a linear quantitative scale.
d3.scale.log - construct a quantitative scale with an logarithmic transform.
d3.scale.pow - construct a quantitative scale with an exponential transform.
d3.scale.quantile - construct a quantitative scale mapping to quantiles.
d3.scale.quantize - construct a linear quantitative scale with a discrete output range.
d3.scale.sqrt - construct a quantitative scale with a square root transform.
d3.scale.threshold - construct a threshold scale with a discrete output range.
identity.copy - create a new scale from an existing scale.
identity.domain - get or set the scale‘s domain and range.
identity.invert - equivalent to identity; the identity function.
identity.range - equivalent to identity.domain.
identity.tickFormat - get a formatter for displaying tick values.
identity.ticks - get representative values from the domain.
identity - the identity function.
linear.clamp - enable or disable clamping of the output range.
linear.copy - create a new scale from an existing scale.
linear.domain - get or set the scale‘s input domain.
linear.interpolate - get or set the scale‘s output interpolator.
linear.invert - get the domain value corresponding to a given range value.
linear.nice - extend the scale domain to nice round numbers.
linear.rangeRound - set the scale‘s output range, and enable rounding.
linear.range - get or set the scale‘s output range.
linear.tickFormat - get a formatter for displaying tick values.
linear.ticks - get representative values from the input domain.
linear - get the range value corresponding to a given domain value.
log.clamp - enable or disable clamping of the output range.
log.copy - create a new scale from an existing scale.
log.domain - get or set the scale‘s input domain.
log.interpolate - get or set the scale‘s output interpolator.
log.invert - get the domain value corresponding to a given range value.
log.nice - extend the scale domain to nice powers of ten.
log.rangeRound - set the scale‘s output range, and enable rounding.
log.range - get or set the scale‘s output range.
log.tickFormat - get a formatter for displaying tick values.
log.ticks - get representative values from the input domain.
log - get the range value corresponding to a given domain value.
pow.clamp - enable or disable clamping of the output range.
pow.copy - create a new scale from an existing scale.
pow.domain - get or set the scale‘s input domain.
pow.exponent - get or set the exponent power.
pow.interpolate - get or set the scale‘s output interpolator.
pow.invert - get the domain value corresponding to a given range value.
pow.nice - extend the scale domain to nice round numbers.
pow.rangeRound - set the scale‘s output range, and enable rounding.
pow.range - get or set the scale‘s output range.
pow.tickFormat - get a formatter for displaying tick values.
pow.ticks - get representative values from the input domain.
pow - get the range value corresponding to a given domain value.
quantile.copy - create a new scale from an existing scale.
quantile.domain - get or set the scale‘s input domain (as discrete values).
quantile.invertExtent - get the domain values for the specified range value.
quantile.quantiles - get the scale‘s quantile bin thresholds.
quantile.range - get or set the scale‘s output range (as discrete values).
quantile - get the range value corresponding to a given domain value.
quantize.copy - create a new scale from an existing scale.
quantize.domain - get or set the scale‘s input domain.
quantize.invertExtent - get the domain values for the specified range value.
quantize.range - get or set the scale‘s output range (as discrete values).
quantize - get the range value corresponding to a given domain value.
threshold.copy - create a new scale from an existing scale.
threshold.domain - get or set the scale‘s input domain.
threshold.invertExtent - get the domain values for the specified range value.
threshold.range - get or set the scale‘s output range (as discrete values).
threshold - get the range value corresponding to a given domain value.
Ordinal


d3.scale.category10 - construct an ordinal scale with ten categorical colors.
d3.scale.category20b - construct an ordinal scale with twenty categorical colors.
d3.scale.category20c - construct an ordinal scale with twenty categorical colors.
d3.scale.category20 - construct an ordinal scale with twenty categorical colors.
d3.scale.ordinal - construct an ordinal scale.
ordinal.copy - create a new scale from an existing scale.
ordinal.domain - get or set the scale‘s input domain.
ordinal.rangeBands - divide a continuous output range for discrete bands.
ordinal.rangeBand - get the discrete range band width.
ordinal.rangeExtent - get the minimum and maximum values of the output range.
ordinal.rangePoints - divide a continuous output range for discrete points.
ordinal.rangeRoundBands - divide a continuous output range for discrete bands.
ordinal.rangeRoundPoints - divide a continuous output range for discrete points.
ordinal.range - get or set the scale‘s output range.
ordinal - get the range value corresponding to a given domain value.
d3.svg (SVG)


Shapes


arc.centroid - compute the arc centroid.
arc.cornerRadius - get or set the corner radius accessor.
arc.endAngle - get or set the end angle accessor.
arc.innerRadius - get or set the inner radius accessor.
arc.outerRadius - get or set the outer radius accessor.
arc.padAngle - get or set the pad angle accessor.
arc.padRadius - get or set the pad radius accessor.
arc.startAngle - get or set the start angle accessor.
arc - generate a solid arc, as in a pie or donut chart.
area.angle - get or set the angle accessors.
area.defined - control whether the area is defined at a given point.
area.defined - control whether the area is defined at a given point.
area.endAngle - get or set the angle (topline) accessor.
area.innerRadius - get or set the inner radius (baseline) accessor.
area.interpolate - get or set the interpolation mode.
area.outerRadius - get or set the outer radius (topline) accessor.
area.radius - get or set the radius accessors.
area.startAngle - get or set the angle (baseline) accessor.
area.tension - get or set the cardinal spline tension.
area.x0 - get or set the x0-coordinate (baseline) accessor.
area.x1 - get or set the x1-coordinate (topline) accessor.
area.x - get or set the x-coordinate accessors.
area.y0 - get or set the y0-coordinate (baseline) accessor.
area.y1 - get or set the y1-coordinate (topline) accessor.
area.y - get or set the y-coordinate accessors.
area - generate a piecewise linear area, as in an area chart.
area - generate a piecewise linear area, as in a polar area chart.
chord.endAngle - get or set the arc end angle accessor.
chord.radius - get or set the arc radius accessor.
chord.source - get or set the source arc accessor.
chord.startAngle - get or set the arc start angle accessor.
chord.target - get or set the target arc accessor.
chord - generate a quadratic Bézier connecting two arcs, as in a chord diagram.
d3.svg.arc - create a new arc generator.
d3.svg.area.radial - create a new area generator.
d3.svg.area - create a new area generator.
d3.svg.chord - create a new chord generator.
d3.svg.diagonal.radial - create a new diagonal generator.
d3.svg.diagonal - create a new diagonal generator.
d3.svg.line.radial - create a new radial line generator.
d3.svg.line - create a new line generator.
d3.svg.symbolTypes - the array of supported symbol types.
d3.svg.symbol - create a new symbol generator.
diagonal.projection - get or set an optional point transform.
diagonal.source - get or set the source point accessor.
diagonal.target - get or set the target point accessor.
diagonal - generate a two-dimensional Bézier connector, as in a node-link diagram.
diagonal - generate a two-dimensional Bézier connector, as in a node-link diagram.
line.angle - get or set the angle accessor.
line.defined - control whether the line is defined at a given point.
line.defined - control whether the line is defined at a given point.
line.interpolate - get or set the interpolation mode.
line.interpolate - get or set the interpolation mode.
line.radius - get or set the radius accessor.
line.tension - get or set the cardinal spline tension.
line.tension - get or set the cardinal spline tension.
line.x - get or set the x-coordinate accessor.
line.y - get or set the y-coordinate accessor.
line - generate a piecewise linear curve, as in a line chart.
line - generate a piecewise linear curve, as in a polar line chart.
symbol.size - get or set the symbol size (in square pixels) accessor.
symbol.type - get or set the symbol type accessor.
symbol - generate categorical symbols, as in a scatterplot.
Axes


axis.innerTickSize - specify the size of inner ticks.
axis.orient - get or set the axis orientation.
axis.outerTickSize - specify the size of outer ticks.
axis.scale - get or set the axis scale.
axis.tickFormat - override the tick formatting for labels.
axis.tickPadding - specify padding between ticks and tick labels.
axis.tickSize - specify the size of major, minor and end ticks.
axis.ticks - control how ticks are generated for the axis.
axis.tickValues - specify tick values explicitly.
axis - creates or updates an axis for the given selection or transition.
d3.svg.axis - create a new axis generator.
Controls


brush.clear - reset the brush extent.
brush.empty - whether or not the brush extent is empty.
brush.event - dispatch brush events after setting the extent.
brush.extent - the brush’s extent in zero, one or two dimensions.
brush.on - listeners for when the brush is moved.
brush.x - the brush’s x-scale, for horizontal brushing.
brush.y - the brush’s y-scale, for vertical brushing.
brush - apply a brush to the given selection or transition.
d3.svg.brush - click and drag to select one- or two-dimensional regions.
d3.time (Time)


Time Formatting


d3.time.format.iso - the ISO 8601 UTC time formatter.
d3.time.format.multi - create a new local multi-resolution time formatter.
d3.time.format.utc - create a new UTC time formatter for a given specifier.
d3.time.format - create a new local time formatter for a given specifier.
format.parse - parse a string into a date.
format - format a date into a string.
Time Scales


d3.time.scale - construct a linear time scale.
scale.clamp - enable or disable clamping of the output range.
scale.copy - create a new scale from an existing scale.
scale.domain - get or set the scale‘s input domain.
scale.interpolate - get or set the scale‘s output interpolator.
scale.invert - get the domain value corresponding to a given range value.
scale.nice - extend the scale domain to nice round numbers.
scale.rangeRound - set the scale‘s output range, and enable rounding.
scale.range - get or set the scale‘s output range.
scale.tickFormat - get a formatter for displaying tick values.
scale.ticks - get representative values from the input domain.
scale - get the range value corresponding to a given domain value.
Time Intervals


d3.time.dayOfYear - computes the day number.
d3.time.days - alias for day.range.
d3.time.day - every day (12:00 AM).
d3.time.fridayOfYear - computes the friday-based week number.
d3.time.fridays - alias for friday.range.
d3.time.friday - every Friday (e.g., February 5, 12:00 AM).
d3.time.hours - alias for hour.range.
d3.time.hour - every hour (e.g., 1:00 AM).
d3.time.interval - a time interval in local time.
d3.time.minutes - alias for minute.range.
d3.time.minute - every minute (e.g., 1:02 AM).
d3.time.mondayOfYear - computes the monday-based week number.
d3.time.mondays - alias for monday.range.
d3.time.monday - every Monday (e.g., February 5, 12:00 AM).
d3.time.months - alias for month.range.
d3.time.month - every month (e.g., February 1, 12:00 AM).
d3.time.saturdayOfYear - computes the saturday-based week number.
d3.time.saturdays - alias for saturday.range.
d3.time.saturday - every Saturday (e.g., February 5, 12:00 AM).
d3.time.seconds - alias for second.range.
d3.time.second - every second (e.g., 1:02:03 AM).
d3.time.sundayOfYear - computes the sunday-based week number.
d3.time.sundays - alias for sunday.range.
d3.time.sunday - every Sunday (e.g., February 5, 12:00 AM).
d3.time.thursdayOfYear - computes the thursday-based week number.
d3.time.thursdays - alias for thursday.range.
d3.time.thursday - every Thursday (e.g., February 5, 12:00 AM).
d3.time.tuesdayOfYear - computes the tuesday-based week number.
d3.time.tuesdays - alias for tuesday.range.
d3.time.tuesday - every Tuesday (e.g., February 5, 12:00 AM).
d3.time.wednesdayOfYear - computes the wednesday-based week number.
d3.time.wednesdays - alias for wednesday.range.
d3.time.wednesday - every Wednesday (e.g., February 5, 12:00 AM).
d3.time.weekOfYear - alias for sundayOfYear.
d3.time.weeks - alias for sunday.range.
d3.time.week - alias for sunday.
d3.time.years - alias for year.range.
d3.time.year - every year (e.g., January 1, 12:00 AM).
interval.ceil - rounds up to the nearest interval.
interval.floor - rounds down to the nearest interval.
interval.offset - returns a date offset by some interval.
interval.range - returns dates within the specified range.
interval.round - rounds up or down to the nearest interval.
interval.utc - returns the UTC-equivalent time interval.
interval - alias for interval.floor.
d3.layout (Layouts)


Bundle


bundle - apply Holten‘s hierarchical bundling algorithm to edges.
d3.layout.bundle - construct a new default bundle layout.
Chord


chord.chords - retrieve the computed chord angles.
chord.groups - retrieve the computed group angles.
chord.matrix - get or set the matrix data backing the layout.
chord.padding - get or set the angular padding between chord segments.
chord.sortChords - get or set the comparator function for chords (z-order).
chord.sortGroups - get or set the comparator function for groups.
chord.sortSubgroups - get or set the comparator function for subgroups.
d3.layout.chord - produce a chord diagram from a matrix of relationships.
Cluster


cluster.children - get or set the accessor function for child nodes.
cluster.links - compute the parent-child links between tree nodes.
cluster.nodeSize - specify a fixed size for each node.
cluster.nodes - compute the cluster layout and return the array of nodes.
cluster.separation - get or set the spacing function between neighboring nodes.
cluster.size - get or set the layout size in x and y.
cluster.sort - get or set the comparator function for sibling nodes.
cluster - alias for cluster.nodes.
d3.layout.cluster - cluster entities into a dendrogram.
Force


d3.layout.force - position linked nodes using physical simulation.
force.alpha - get or set the layout‘s cooling parameter.
force.chargeDistance - get or set the maximum charge distance.
force.charge - get or set the charge strength.
force.drag - bind a behavior to nodes to allow interactive dragging.
force.friction - get or set the friction coefficient.
force.gravity - get or set the gravity strength.
force.linkDistance - get or set the link distance.
force.linkStrength - get or set the link strength.
force.links - get or set the array of links between nodes.
force.nodes - get or set the array of nodes to layout.
force.on - listen to updates in the computed layout positions.
force.resume - reheat the cooling parameter and restart simulation.
force.size - get or set the layout size in x and y.
force.start - start or restart the simulation when the nodes change.
force.stop - immediately terminate the simulation.
force.theta - get or set the accuracy of the charge interaction.
force.tick - run the layout simulation one step.
Hierarchy


d3.layout.hierarchy - derive a custom hierarchical layout implementation.
hierarchy.children - get or set the accessor function for child nodes.
hierarchy.links - compute the parent-child links between tree nodes.
hierarchy.nodes - compute the layout and return the array of nodes.
hierarchy.revalue - recompute the hierarchy values.
hierarchy.sort - get or set the comparator function for sibling nodes.
hierarchy.value - get or set the value accessor function.
hierarchy - alias for hierarchy.nodes.
Histogram


d3.layout.histogram - construct a new default histogram layout.
histogram.bins - specify how values are organized into bins.
histogram.frequency - compute the distribution as counts or probabilities.
histogram.range - get or set the considered value range.
histogram.value - get or set the value accessor function.
histogram - compute the distribution of data using quantized bins.
Pack


d3.layout.pack - produce a hierarchical layout using recursive circle-packing.
pack.children - get or set the children accessor function.
pack.links - compute the parent-child links between tree nodes.
pack.nodes - compute the pack layout and return the array of nodes.
pack.padding - specify the layout padding in (approximate) pixels.
pack.radius - specify the node radius, rather than deriving it from value.
pack.size - specify the layout size in x and y.
pack.sort - control the order in which sibling nodes are traversed.
pack.value - get or set the value accessor used to size circles.
pack - alias for pack.nodes.
Partition


d3.layout.partition - recursively partition a node tree into a sunburst or icicle.
partition.children - get or set the children accessor function.
partition.links - compute the parent-child links between tree nodes.
partition.nodes - compute the partition layout and return the array of nodes.
partition.size - specify the layout size in x and y.
partition.sort - control the order in which sibling nodes are traversed.
partition.value - get or set the value accessor used to size circles.
partition - alias for partition.nodes.
Pie


d3.layout.pie - construct a new default pie layout.
pie.endAngle - get or set the overall end angle of the pie.
pie.padAngle - get or set the pad angle of the pie.
pie.sort - control the clockwise order of pie slices.
pie.startAngle - get or set the overall start angle of the pie.
pie.value - get or set the value accessor function.
pie - compute the start and end angles for arcs in a pie or donut chart.
Stack


d3.layout.stack - construct a new default stack layout.
stack.offset - specify the overall baseline algorithm.
stack.order - control the order in which series are stacked.
stack.out - get or set the output function for storing the baseline.
stack.values - get or set the values accessor function per series.
stack.x - get or set the x-dimension accessor function.
stack.y - get or set the y-dimension accessor function.
stack - compute the baseline for each series in a stacked bar or area chart.
Tree


d3.layout.tree - position a tree of nodes tidily.
tree.children - get or set the children accessor function.
tree.links - compute the parent-child links between tree nodes.
tree.nodeSize - specify a fixed size for each node.
tree.nodes - compute the tree layout and return the array of nodes.
tree.separation - get or set the spacing function between neighboring nodes.
tree.size - specify the layout size in x and y.
tree.sort - control the order in which sibling nodes are traversed.
tree - alias for tree.nodes.
Treemap


d3.layout.treemap - use recursive spatial subdivision to display a tree of nodes.
treemap.children - get or set the children accessor function.
treemap.links - compute the parent-child links between tree nodes.
treemap.mode - change the treemap layout algorithm.
treemap.nodes - compute the treemap layout and return the array of nodes.
treemap.padding - specify the padding between a parent and its children.
treemap.round - enable or disable rounding to exact pixels.
treemap.size - specify the layout size in x and y.
treemap.sort - control the order in which sibling nodes are traversed.
treemap.sticky - make the layout sticky for stable updates.
treemap.value - get or set the value accessor used to size treemap cells.
treemap - alias for treemap.nodes.
d3.geo (Geography)


Paths


circle.angle - specify the angular radius in degrees.
circle.origin - specify the origin in latitude and longitude.
circle.precision - specify the precision of the piecewise circle.
circle - generate a piecewise circle as a Polygon.
d3.geo.area - compute the spherical area of a given feature.
d3.geo.bounds - compute the latitude-longitude bounding box for a given feature.
d3.geo.centroid - compute the spherical centroid of a given feature.
d3.geo.circle - create a circle generator.
d3.geo.distance - compute the great-arc distance between two points.
d3.geo.graticule - create a graticule generator.
d3.geo.interpolate - interpolate between two points along a great arc.
d3.geo.length - compute the length of a line string or the perimeter of a polygon.
d3.geo.path - create a new geographic path generator.
d3.geo.rotation - create a rotation function for the specified angles [λ, φ, γ].
graticule.extent - get or set the major & minor extents.
graticule.lines - generate an array of LineStrings of meridians and parallels.
graticule.majorExtent - get or set the major extent.
graticule.majorStep - get or set the major step intervals.
graticule.minorExtent - get or set the minor extent.
graticule.minorStep - get or set the minor step intervals.
graticule.outline - generate a Polygon of the graticule’s extent.
graticule.precision - get or set the latitudinal precision.
graticule.step - get or set the major & minor step intervals.
graticule - generate a MultiLineString of meridians and parallels.
path.area - compute the projected area of a given feature.
path.bounds - compute the projected bounds of a given feature.
path.centroid - compute the projected centroid of a given feature.
path.context - get or set the render context.
path.pointRadius - get or set the radius to display point features.
path.projection - get or set the geographic projection.
path - project the specified feature and render it to the context.
rotation.invert - inverse-rotate the given location around the sphere.
rotation - rotate the given location around the sphere.
Projections


albers.parallels - get or set the projection‘s two standard parallels.
d3.geo.albersUsa - a composite Albers projection for the United States.
d3.geo.albers - the Albers equal-area conic projection.
d3.geo.azimuthalEqualArea.raw - the raw azimuthal equal-area projection.
d3.geo.azimuthalEqualArea - the azimuthal equal-area projection.
d3.geo.azimuthalEquidistant.raw - the azimuthal equidistant projection.
d3.geo.azimuthalEquidistant - the azimuthal equidistant projection.
d3.geo.conicConformal.raw - the raw conic conformal projection.
d3.geo.conicConformal - the conic conformal projection.
d3.geo.conicEqualArea.raw the raw conic equal-area (a.k.a. Albers) projection.
d3.geo.conicEqualArea the conic equal-area (a.k.a. Albers) projection.
d3.geo.conicEquidistant.raw - the raw conic equidistant projection.
d3.geo.conicEquidistant - the conic equidistant projection.
d3.geo.equirectangular.raw - the raw equirectangular (plate carrée) projection.
d3.geo.equirectangular - the equirectangular (plate carreé) projection.
d3.geo.gnomonic.raw - the raw gnomonic projection.
d3.geo.gnomonic - the gnomonic projection.
d3.geo.mercator.raw - the raw Mercator projection.
d3.geo.mercator - the spherical Mercator projection.
d3.geo.orthographic.raw - the raw azimuthal orthographic projection.
d3.geo.orthographic - the azimuthal orthographic projection.
d3.geo.projectionMutator - create a standard projection from a mutable raw projection.
d3.geo.projection - create a standard projection from a raw projection.
d3.geo.stereographic.raw - the raw azimuthal stereographic projection.
d3.geo.stereographic - the azimuthal stereographic projection.
d3.geo.transverseMercator.raw - the raw transverse Mercator projection.
projection.center - get or set the projection’s center location.
projection.clipAngle - get or set the radius of the projection’s clip circle.
projection.clipExtent - get or set the projection’s viewport clip extent, in pixels.
projection.invert - invert the projection for the specified point.
projection.precision - get or set the precision threshold for adaptive resampling.
projection.rotate - get or set the projection’s three-axis rotation.
projection.scale - get or set the projection’s scale factor.
projection.stream - wrap the specified stream listener, projecting input geometry.
projection.translate - get or set the projection’s translation position.
projection - project the specified location.
Streams


clipExtent.extent - sets the clip extent.
d3.geo.clipExtent - a stream transform that clips geometries to a given axis-aligned rectangle.
d3.geo.stream - convert a GeoJSON object to a geometry stream.
d3.geo.transform - transform streaming geometries.
stream.lineEnd - indicate the end of a line or ring.
stream.lineStart - indicate the start of a line or ring.
stream.point - indicate an x, y (and optionally z) coordinate.
stream.polygonEnd - indicate the end of a polygon.
stream.polygonStart - indicate the start of a polygon.
stream.sphere - indicate a sphere.
transform.stream - wraps a given stream.
d3.geom (Geometry)


Voronoi


d3.geom.voronoi - create a Voronoi layout with default accessors.
voronoi.clipExtent - get or set the clip extent for the tesselation.
voronoi.links - compute the Delaunay mesh as a network of links.
voronoi.triangles - compute the Delaunay mesh as a triangular tessellation.
voronoi.x - get or set the x-coordinate accessor for each point.
voronoi.y - get or set the y-coordinate accessor for each point.
voronoi - compute the Voronoi tessellation for the specified points.
Quadtree


d3.geom.quadtree - constructs a quadtree for an array of points.
quadtree.add - add a point to the quadtree.
quadtree.find - find the closest point in the quadtree.
quadtree.visit - recursively visit nodes in the quadtree.
Polygon


d3.geom.polygon - create a polygon from the specified array of points.
polygon.area - compute the counterclockwise area of this polygon.
polygon.centroid - compute the area centroid of this polygon.
polygon.clip - clip the specified polygon to this polygon.
Hull


d3.geom.hull - create a convex hull layout with default accessors.
hull - compute the convex hull for the given array of points.
hull.x - get or set the x-coordinate accessor.
hull.y - get or set the y-coordinate accessor.
d3.behavior (Behaviors)


Drag


d3.behavior.drag
drag.on
drag.origin
Zoom


d3.behavior.zoom - create a zoom behavior.
zoom.center - an optional focal point for mousewheel zooming.
zoom.duration - get or set the dblclick transition duration.
zoom.event - dispatch zoom events after setting the scale or translate.
zoom.on - listeners for when the scale or translate changes.
zoom.scaleExtent - optional limits on the scale factor.
zoom.scale - the current scale factor.
zoom.size - the dimensions of the viewport.
zoom.translate - the current translate offset.
zoom.x - an optional scale whose domain is bound to the x extent of the viewport.
zoom.y - an optional scale whose domain is bound to the y extent of the viewport.
zoom - apply the zoom behavior to the selected elements.

D3js-API介紹【英】