render() {
    const {
      animation,
      className,
      crossBarWidth,
      data,
      marginLeft,
      marginTop,
      strokeWidth,
      style
    } = this.props;
    if (!data) {
      return null;
    }
    if (animation) {
      return (
        <Animation {...this.props} animatedProps={ANIMATED_SERIES_PROPS}>
          <WhiskerSeries {...this.props} animation={null} />
        </Animation>
      );
    }

    const whiskerMarkProps = {
      crossBarWidth,
      opacityFunctor: this._getAttributeFunctor('opacity'),
      sizeFunctor: this._getAttributeFunctor('size'),
      strokeFunctor:
        this._getAttributeFunctor('stroke') ||
        this._getAttributeFunctor('color'),
      strokeWidth,
      style,
      xFunctor: this._getAttributeFunctor('x'),
      yFunctor: this._getAttributeFunctor('y'),
      valueClickHandler: this._valueClickHandler,
      valueRightClickHandler: this._valueRightClickHandler,
      valueMouseOverHandler: this._valueMouseOverHandler,
      valueMouseOutHandler: this._valueMouseOutHandler
    };

    return (
      <g
        className={getCombinedClassName(predefinedClassName, className)}
        transform={`translate(${marginLeft},${marginTop})`}
      >
        {data.map(renderWhiskerMark(whiskerMarkProps))}
      </g>
    );
  }
Determine whether on not we should draw whiskers in each direction.
We need to see an actual variance value, and also have that value extend past the
radius "buffer" region in which we won't be drawing (if any).