<commit_before>/** @jsx React.DOM */

'use strict';

var Layout = require('./layout.jsx');
var React = require('react');
var _ = require('lodash');
var BarChart = require('react-d3-components').BarChart;

var InfoPanel = React.createClass({

  render: function(){
    return (
      <ul className="infopanel">
        <li>Repository: /{this.props.data.user}/{this.props.data.repo}</li>
        <li>Issue Labels: {this.props.data.labels}</li>
        <li>Issue State: {this.props.data.state}</li>
        <li>Search term: {this.props.data.term}</li>
      </ul>
    );
  }
});

module.exports = React.createClass({

  render: function () {
    return (
      <Layout {...this.props}>
        <div id='index' className="row-fluid">
          <h1>Github Issues Analytics</h1>
        </div>
        <div className="row-fluid">
          <InfoPanel
            data={this.props.ghParams}/>
        </div>
        <div className="row-fluid">
          <BarChart
            data={this.props.chartData}
            width={400}
            height={400}
            xAxis={{label: "Topic #"}}
            yAxis={{label: 'Votes'}}
            margin={{top: 20, bottom: 50, left: 50, right: 20}}/>
        </div>
      </Layout>
    );
  }

});
<commit_msg>minor change on chart width<commit_after>/** @jsx React.DOM */

'use strict';

var Layout = require('./layout.jsx');
var React = require('react');
var _ = require('lodash');
var BarChart = require('react-d3-components').BarChart;

var InfoPanel = React.createClass({

  render: function(){
    return (
      <ul className="infopanel">
        <li>Repository: /{this.props.data.user}/{this.props.data.repo}</li>
        <li>Issue Labels: {this.props.data.labels}</li>
        <li>Issue State: {this.props.data.state}</li>
        <li>Search term: {this.props.data.term}</li>
      </ul>
    );
  }
});

module.exports = React.createClass({

  render: function () {
    return (
      <Layout {...this.props}>
        <div id='index' className="row-fluid">
          <h1>Github Issues Analytics</h1>
        </div>
        <div className="row-fluid">
          <InfoPanel
            data={this.props.ghParams}/>
        </div>
        <div className="row-fluid">
          <BarChart
            data={this.props.chartData}
            width={600}
            height={400}
            xAxis={{label: "Topic #"}}
            yAxis={{label: 'Votes'}}
            margin={{top: 20, bottom: 50, left: 50, right: 20}}/>
        </div>
      </Layout>
    );
  }

});

{'fraction_non_alphanumeric': 0.18341307814992025, 'fraction_numerical': 0.013556618819776715, 'mean_word_length': 2.1559748427672956, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, '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': '1965471', 'n_tokens_mistral': 846, 'n_tokens_neox': 804, 'n_words': 154}