{"size": 998, "ext": "js", "max_stars_repo_path": "sandboxes/calendar/index.js", "max_stars_repo_name": "shidokamo/react-google-charts", "max_stars_repo_stars_event_min_datetime": "2018-05-02T09:10:42.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-27T12:54:32.000Z", "max_issues_repo_path": "sandboxes/calendar/index.js", "max_issues_repo_name": "shidokamo/react-google-charts", "max_issues_repo_issues_event_min_datetime": "2018-05-03T16:06:25.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T20:56:34.000Z", "max_forks_repo_path": "sandboxes/calendar/index.js", "max_forks_repo_name": "shidokamo/react-google-charts", "max_forks_repo_forks_event_min_datetime": "2018-05-08T08:05:47.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-30T05:12:52.000Z"}
{"max_stars_count": 885, "max_issues_count": 433, "max_forks_count": 211, "avg_line_length": 23.2093023256, "max_line_length": 78, "alphanum_fraction": 0.5691382766}
import React from "react";
import ReactDOM from "react-dom";
import Chart from "react-google-charts";

const data = [
  [
    {
      type: "date",
      id: "Date"
    },
    {
      type: "number",
      id: "Won/Loss"
    }
  ],
  [new Date(2012, 3, 13), 37032],
  [new Date(2012, 3, 14), 38024],
  [new Date(2012, 3, 15), 38024],
  [new Date(2012, 3, 16), 38108],
  [new Date(2012, 3, 17), 38229],
  // Many rows omitted for brevity.
  [new Date(2013, 9, 4), 38177],
  [new Date(2013, 9, 5), 38705],
  [new Date(2013, 9, 12), 38210],
  [new Date(2013, 9, 13), 38029],
  [new Date(2013, 9, 19), 38823],
  [new Date(2013, 9, 23), 38345],
  [new Date(2013, 9, 24), 38436],
  [new Date(2013, 9, 30), 38447]
];
class App extends React.Component {
  render() {
    return (
      <div className="App">
        <Chart chartType="Calendar" width="100%" height="400px" data={data} />
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
