{"size": 972, "ext": "js", "max_stars_repo_path": "src/components/ContagionGraph/ContagionGraph.js", "max_stars_repo_name": "herdhq/covid-front-end", "max_stars_repo_stars_event_min_datetime": "2020-03-26T17:21:27.000Z", "max_stars_repo_stars_event_max_datetime": "2020-03-26T18:23:01.000Z", "max_issues_repo_path": "src/components/ContagionGraph/ContagionGraph.js", "max_issues_repo_name": "herdhq/covid-front-end", "max_issues_repo_issues_event_min_datetime": "2020-03-26T16:04:31.000Z", "max_issues_repo_issues_event_max_datetime": "2020-03-27T16:50:23.000Z", "max_forks_repo_path": "src/components/ContagionGraph/ContagionGraph.js", "max_forks_repo_name": "herdhq/covid-front-end", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 34.7142857143, "max_line_length": 156, "alphanum_fraction": 0.4341563786}
import React, { Component } from 'react';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';

class ContagionGraph extends Component {
    render() {
        return (
            <div id='ContagionGraph' style={{marginLeft:'20px', marginRight:'20px'}}>
                <Row>
                    <Col xs={12}>
                        <h3 style={{paddingLeft:'5px'}}>Total Tests Performed</h3>
                    </Col>
                </Row>
                <Row>
                    <Col>
                        <div style={{height:'750px'}}>
                            <div style={{height:'700px'}}>
                                <iframe src="https://ourworldindata.org/grapher/full-list-total-tests-for-covid-19" width={'100%'} height={'100%'}></iframe>
                            </div>
                        </div>
                    </Col>
                </Row>
            </div>
        );
    }
}

export default ContagionGraph