Score Graph

HTML

<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link rel="stylesheet" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<div id="chart"></div>

CSS

#chart .c3-circle {
    stroke: black;
    stroke-width: 4;
}

JavaScript

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 150, 150, 250],
            ['data12', 30, 200, 100, 150, 150, 250]
        ],
        type: 'line'
    },
    point: {
        r: 20
    }
});