render()

in packages/showcase/sunbursts/animated-sunburst.js [58:80]

• 23 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const {data, hovering} = this.state;
    return (
      <div className="animated-sunburst-example-wrapper">
        <ShowcaseButton
          onClick={() => this.setState({data: updateData()})}
          buttonContent={'UPDATE'}
        />
        <div>{hovering ? 'CURRENTLY HOVERING' : 'NOT HOVERED'}</div>
        <Sunburst
          animation={{damping: 20, stiffness: 300}}
          data={data}
          colorType={'category'}
          colorRange={DIVERGING_COLOR_SCALE}
          style={{stroke: '#fff'}}
          onValueMouseOver={() => this.setState({hovering: true})}
          onValueMouseOut={() => this.setState({hovering: false})}
          height={300}
          width={350}
        />
      </div>
    );
  }