d3-transition-stroke

Interpolate a path using stroke-dasharray. Based on https://bl.ocks.org/mbostock/5649592

Install

1npm install d3-transition-stroke

Usage

1var transitionStroke = require('d3-transition-stroke')
2
3// ...
4
5var sel = svg.selectAll('path')
6    .data(data)
7
8  // ENTER
9  sel.enter().append('path')
10    .attr('d', d => line(d))
11
12  // ENTER + UPDATE
13  sel.transition('stroke')
14      .call(transitionStroke)

API

transitionStroke(selection)

selection

D3 Transition Selection

TODO

This module implicitly depends on D3 3.x, but should be updated to depend on the modules of D3 4.x.

License

ISC