and support labeling of specific data points.

####
This component can be used to create lines and or area sparklines with various curve types, and takes the following props:

Name | Type | Default | Description
------------ | ------------- | ------- | ----
fill | PropTypes.string | @data-ui/themes color.default | If showArea=true, this sets the fill of the area path.
fillOpacity | PropTypes.number | 0.3 | If showArea=true, this sets the fillOpacity of the area shape.
curve | PropTypes.oneOf(['linear', 'cardinal', 'basis', 'monotoneX']) | 'cardinal' | The type of curve interpolator to use.
onMouseMove | PropTypes.func | - | func({ data, datum, event, index, color }) called on line mouse move for the closest datum
onMouseLeave | PropTypes.func | - | func() called on line mouse leave
showArea | PropTypes.bool | false | Boolean indicating whether to render an Area path.
showLine | PropTypes.bool | true | Boolean indicating whether to render a Line path.
stroke | PropTypes.string | @data-ui/themes color.default | If showLine=true, this sets the stroke of the line path.
strokeDasharray | PropTypes.string | - | If showLine=true, this sets the strokeDasharray attribute of the line path.
strokeLinecap | PropTypes.oneOf(['butt', 'square', 'round', 'inherit']) | 'round' | If showLine=true, this sets the strokeLinecap attribute of the line path.
strokeWidth | PropTypes.number | 2 | If showLine=true, this sets the strokeWidth attribute of the line path.

####
This component can be used to bar-graph sparklines and takes the following props:

Name | Type | Default | Description
------------ | ------------- | ------- | ----
fill | PropTypes.oneOfType([PropTypes.func, PropTypes.string]) | @data-ui/themes color.default | A single fill to use for all Bars or a function with the following signature (yVal, i) => fill called for each data point. If data objects have a fill property, it overrides this value.
fillOpacity | PropTypes.oneOfType([PropTypes.func, PropTypes.number]) | 0.7 | A single fillOpacity value (0 - 1) to use for all Bars or a function with the following signature (yVal, i) => opacity called for each data point. If data objects have a fillOpacity property, it overrides this value.
LabelComponent | PropTypes.element | @data-ui/sparkline's component | Component to use for labels, if relevant. This component is cloned with appropriate x, y, dx, and dy values for positioning.
labelOffset | PropTypes.number | 8 | (Absolute) pixel offset to use for positioning a label relative to a Bar. labelPosition is used to determine direction.
labelPosition | PropTypes.oneOfType([PropTypes.func, PropTypes.oneOf(['top', 'right', 'bottom', 'left']), ]) | 'top' | A single string indicating how to position a label relative to the top point of a bar, or a function with the following signature (yVal, i) => position called for each data point. If the return value is not one of top, right, bottom, left, it is spread on the LabelComponent directly (e.g., { dx: -100, dy: 100 })
onMouseMove | PropTypes.func | - | func({ data, datum, event, index, color }) called on bar mouse move
onMouseLeave | PropTypes.func | - | func() called on bar mouse leave
renderLabel | PropTypes.func | - | Optional function called for each datum, with the following signature (yVal, i) => node. If this is passed to the Series and returns a value, a label will be rendered for the passed point. This is used as the child of LabelComponent so any valid child of svg elements can be returned.
stroke | PropTypes.oneOfType([PropTypes.func, PropTypes.string]) | white | A single stroke to use for all Bars or a function with the following signature (yVal, i) => stroke. If data objects have a stroke property, it overrides this value.
strokeWidth | PropTypes.oneOfType([PropTypes.func, PropTypes.number]) | 1 | A single strokeWidth to use for all Bars or a function with the following signature (yVal, i) => stroke. If data objects have a strokeWidth property, it overrides this value.


####
This component can be used to render all or a subset of points for a sparkline and takes the following props:

Name | Type | Default | Description
------------ | ------------- | ------- | ----
fill | PropTypes.oneOfType([PropTypes.func, PropTypes.string]) | @data-ui/themes color.default | A single fill to use for all Points or a function with the following signature (yVal, i) => fill called for each data point. If data objects have a fill property, it overrides this value.
fillOpacity | PropTypes.oneOfType([PropTypes.func, PropTypes.number]) | 1 | A single fillOpacity value (0 - 1) to use for all Points or a function with the following signature (yVal, i) => opacity called for each data point. If data objects have a fillOpacity property, it overrides this value.
LabelComponent | PropTypes.element | @data-ui/sparkline's component | Component to use for labels, if relevant. This component is cloned with appropriate x, y, dx, and dy values for positioning.
labelOffset | PropTypes.number | 12 | (Absolute) pixel offset to use for positioning a label relative to a Point. labelPosition is used to determine direction.
labelPosition | PropTypes.oneOfType([PropTypes.func, PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']), ]) | 'auto' | A single string indicating how to position a label relative to the center of a point, or a function with the following signature (yVal, i) => position called for each data point. 'auto' attempts to position the label on top or bottom of a point depending on the surrounding data points. If the return value is not one of auto, top, right, bottom, left, it is spread on the LabelComponent directly (e.g., { dx: -100, dy: 100 })
onMouseMove | PropTypes.func | - | func({ data, datum, event, index, color }) called on point mouse move
onMouseLeave | PropTypes.func | - | func() called on point mouse leave
points | PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['all', 'min', 'max', 'first', 'last']), ])) | ['min', 'max'] | String(s) or index(s) indicating which point(s) to render. e.g., If all, all points are rendered, if ['min', 'max'], only the minimum and maximum points are rendered.
size | PropTypes.oneOfType([PropTypes.func, PropTypes.number]) | 3 | A single size to use as the radius of all Pointss or a function with the following signature (yVal, i) => size called for each data point. If data objects have a size property, it overrides this value.
renderLabel | PropTypes.func | - | Optional function called for each datum, with the following signature (yVal, i) => node. If this is passed to the Series and returns a value, a label will be rendered for the passed point. This is used as the child of LabelComponent so any valid child of svg elements can be returned.
stroke | PropTypes.oneOfType([PropTypes.func, PropTypes.string]) | white | A single stroke to use for all Points or a function with the following signature (yVal, i) => stroke. If data objects have a stroke property, it overrides this value.
strokeWidth | PropTypes.oneOfType([PropTypes.func, PropTypes.number]) | 1 | A single strokeWidth to use for all Points or a function with the following signature (yVal, i) => stroke. If data objects have a strokeWidth property, it overrides this value.

$3