<commit_before>'use strict';

import React from 'react';
import {PieChart, BarChart} from 'react-d3';
import Component from '../components/component.react';

class Overview extends Component {

  constructor(props) {
    super(props);
    this.state = {
      messages: [
        { label: 'Received (120)', value: 60 },
        { label: 'Sent (80)', value: 40 }
      ],
      answers: [
        { label: 'A', value: 5 },
        { label: 'B', value: 6 },
        { label: 'C', value: 20 },
        { label: 'D', value: 15 },
        { label: 'E', value: 10 },
        { label: 'F', value: 7 }
      ]
    };
  }

  render() {
    return (
      <div id="context">
        <div className="left span-3">
          <PieChart className="left"
                    data={this.state.messages}
                    width={400}
                    height={250}
                    radius={100}
                    innerRadius={20}
                    title="Messages" />
        </div>
        <div className="left span-3">
          <BarChart className="left"
                    data={this.state.answers}
                    width={500}
                    height={250}
                    fill={'#3182bd'}
                    title='Answers' />
        </div>
        <div className="left span-3">
          <BarChart className="left"
                    data={this.state.answers}
                    width={500}
                    height={250}
                    fill={'#3182bd'}
                    title='Answers' />
        </div>
      </div>
    );
  }

}

export default Overview;<commit_msg>Application: changing static graphs to something meaningful<commit_after>'use strict';

import React from 'react';
import {PieChart, BarChart} from 'react-d3';
import Component from '../components/component.react';

class Overview extends Component {

  constructor(props) {
    super(props);
    this.state = {
      messages: [
        { label: 'Inbox (120)', value: 60 },
        { label: 'Sent (80)', value: 40 }
      ],
      stats: [
        { label: 'Monday', value: 5 },
        { label: 'Tuesday', value: 6 },
        { label: 'Wednesday', value: 20 },
        { label: 'Thursday', value: 15 },
        { label: 'Friday', value: 10 },
        { label: 'Saturday', value: 10 },
        { label: 'Sunday', value: 7 }
      ]
    };
  }

  render() {
    return (
      <div id="context">
        <div className="left span-3">
          <PieChart className="left"
                    data={this.state.messages}
                    width={400}
                    height={250}
                    radius={100}
                    innerRadius={20}
                    title="Messages" />
        </div>
        <div className="left span-3">
          <BarChart className="left"
                    data={this.state.stats}
                    width={500}
                    height={250}
                    fill={'#3182bd'}
                    title='Last week' />
        </div>
      </div>
    );
  }

}

export default Overview;
{'fraction_non_alphanumeric': 0.14445910290237468, 'fraction_numerical': 0.03199208443271768, 'mean_word_length': 1.4167330677290837, 'pattern_counts': {'":': 0, '<': 22, '<?xml version=': 0, '>': 22, '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': '3129830', 'n_tokens_mistral': 932, 'n_tokens_neox': 819, 'n_words': 199}