react-vis v0.8.0 Release Notes

  • ๐Ÿš€ This release adds two new props (and set of illustrative examples) to Hint component: align and getAlignStyle. align (replacing orientation prop) is an object with two props — horizontal and vertical — and set of values that support existing and new hint placement: a) around a data point in one of four quadrants (imagine the point bisected by two axes — vertical, horizontal — creating 4 quadrants around a data point). b) New: pin to an edge of chart/plot area and position along that edge using data point's other dimension value.

    ๐Ÿ’… Developers wanting total control can use the getAlignStyle(align, x, y) function that returns an inline style object with one or more of the following props (left, right, top, bottom).

    ๐Ÿš€ The orientation prop is supported for backwards compatibility but will be deprecated in future release.

    ๐Ÿ‘€ See the following figure explaining the two props (horizontal, vertical) for the align prop object. ๐Ÿฑ react-vis-hint