Rough.js, dynamic line interpolators
Features
- Under the hood, roughjs is now used to render sketchy elements. To support this, any
renderModeprops will also take an object (or function returning an object) that can have the structure of{renderMode: "sketchy", roughness: 1.5, ...otherRoughJSOptions }to allow you to key different sketchy rendering settings based on data properties. - Because of roughjs support for canvas, all elements that could be rendered in canvas (everything but summary elements in OrdinalFrame) will also be rendered sketchy in canvas now.
lineTypeinXYFramenow lets you pass an object tointerpolatorthat can have a propertydynamicInterpolatorthat can take a function and will be passed each line data so you can interpolate lines with different interpolators in the same frame:
lineType={{
type: "line",
interpolator: {
dynamicInterpolator: (d, i) =>
i === 0 ? curveStep : curveBasis
}
}}
FIXES
- Bars in OrdinalFrame now have a minimum width of 1px even when padding or dynamicColumnWidth would push them into the negative.

