<commit_before>'use strict';

/**
 * External dependencies
 */
var React = require( 'react' );

/**
 * Internal dependencies
 */
var constants = require( '../constants' ),
	GraphMixin = require( './graph-mixin' ),
	ImprovementGraphRenderer = require( './improvement-graph-renderer' ),
	Rectangle = require( './rectangle' );

module.exports = React.createClass( {
	mixins: [ GraphMixin ],

	renderGraph: function() {
		var context = this.refs.canvas.getDOMNode().getContext( '2d' ),
			improvementGraph = new ImprovementGraphRenderer( context ),
			rectangle = new Rectangle( constants.CANVAS_HORIZONTAL_PADDING, constants.CANVAS_PADDING_TOP, constants.CANVAS_WIDTH - 2 * constants.CANVAS_HORIZONTAL_PADDING, constants.CANVAS_HEIGHT - constants.CANVAS_PADDING_TOP - constants.CANVAS_PADDING_BOTTOM );
		context.clearRect( 0, 0, constants.CANVAS_WIDTH, constants.CANVAS_HEIGHT );
		improvementGraph.setRect( rectangle );
		improvementGraph.renderBackground();
		improvementGraph.setVariations( this.props.variations );
		improvementGraph.render();
	},

	render: function() {
		return (
			<div className="graph">
				<h3>Improvement Distribution</h3>
				<canvas ref='canvas' />
				<p>
					if you change from <span className="variation-a">Variation A</span>&nbsp;
					to <span className="variation-b">Variation B</span> the <br/> improvement
					you will see in the long run falls<br/> somewhere within the bell curve above
				</p>
			</div>
		);
	}
} );<commit_msg>Update improvement graph wording<commit_after>'use strict';

/**
 * External dependencies
 */
var React = require( 'react' );

/**
 * Internal dependencies
 */
var constants = require( '../constants' ),
	GraphMixin = require( './graph-mixin' ),
	ImprovementGraphRenderer = require( './improvement-graph-renderer' ),
	Rectangle = require( './rectangle' );

module.exports = React.createClass( {
	mixins: [ GraphMixin ],

	renderGraph: function() {
		var context = this.refs.canvas.getDOMNode().getContext( '2d' ),
			improvementGraph = new ImprovementGraphRenderer( context ),
			rectangle = new Rectangle( constants.CANVAS_HORIZONTAL_PADDING, constants.CANVAS_PADDING_TOP, constants.CANVAS_WIDTH - 2 * constants.CANVAS_HORIZONTAL_PADDING, constants.CANVAS_HEIGHT - constants.CANVAS_PADDING_TOP - constants.CANVAS_PADDING_BOTTOM );
		context.clearRect( 0, 0, constants.CANVAS_WIDTH, constants.CANVAS_HEIGHT );
		improvementGraph.setRect( rectangle );
		improvementGraph.renderBackground();
		improvementGraph.setVariations( this.props.variations );
		improvementGraph.render();
	},

	render: function() {
		return (
			<div className="graph">
				<h3>Improvement Distribution</h3>
				<canvas ref='canvas' />
				<p>
					if you change from <span className="variation-a">Variation A</span>&nbsp;
					to <span className="variation-b">Variation B</span> the <br/> improvement
					you will see in the long run falls<br/> somewhere within this bell curve
				</p>
			</div>
		);
	}
} );
{'fraction_non_alphanumeric': 0.1334688346883469, 'fraction_numerical': 0.0040650406504065045, 'mean_word_length': 4.499068901303538, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2952331', 'n_tokens_mistral': 1042, 'n_tokens_neox': 938, 'n_words': 200}