d3-area-label

What's Changed

• Upgrade dependencies by @curran in https://github.com/curran/d3-area-label/pull/36

Full Changelog: https://github.com/curran/d3-area-label/compare/v1.5.0...v1.6.0

Thanks to @Legion4444 for this contribution that makes all methods chainable! Details in https://github.com/curran/d3-area-label/pull/24

Also upgraded dependencies to the latest versions.

Enjoy!

• ES6 Fix makes this library work well with Webpack (#19)
• Changed default interpolateResolution from 200 to 800 based on observation that 200 is not enough usually.

Use Interpolation #16

Before (in Refugees StreamGraph):

After:

Before (in test/smallN.html):

After:

Guarantee Labels are Inside Areas #14.

There was an issue where when the gaps between data points was large, the labels were not always ending up inside the area.

Before:

After:

• API change - function now returns an object with a toString method that generates an SVG transform.
• Accessors #6
• Padding #8
• Algorithm improvements:
  • Compute maxHeight #9
  • Break inner test loop as soon as we know the rectangle will not fit
• Expose number of iterations and raw coordinates in result

Break out of the inner test loop as soon as we know the rectangle will not fit.

This version uses the Bisection Method to search for the largest size label, using fewer iterations than before, and achieving more accurate results.

Now the algorithm uses a tolerance for accuracy of the height of the label bounding box in pixels, which is by default 0.01. Using this tolerance, the bisection method takes around 18 iterations on average to find a solution, as compared to on average around 100 with the previous linear search method, which was only accurate to a tolerance of 1.

The algorithm is not efficient (linear scan of possible sizes), and the results are not precise (integer height increments are searched only), but it's basically working.