<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bar Chart Demo</title>
    <link href="./vizart-basic.css" rel="stylesheet" type="text/css"/>
    <link href="./css/main.css" rel="stylesheet" type="text/css"/>
    <link href="./lib/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="./lib/jquery-1.12.4.min.js"></script>
    <script src="./lib/bootstrap-3.3.7/js/bootstrap.js"></script>
    <script src="./lib/d3.js"></script>
    <script src="./lib/lodash.min.js"></script>
    <script src="./vizart-basic.standalone.js" type="text/javascript"></script>
</head>
<body>

<div class="dropdown" style="position: fixed; top: 10px; left: 10px; z-index: 99">
    <button  class="btn btn-info dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Stack
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li id="group"><a href="#">Group</a></li>
        <li id="zero"><a href="#">Stack: Zero</a></li>
        <li id="expand"><a href="#">Stack: Expand</a></li>
    </ul>
</div>


<div id="chart" class="ocean chart-container"></div>

<script>
    $(document).ready(function () {
        var options = {
            data: {
                s: { name: 'Page', type: 'string', accessor: 'page'},
                x: { name: 'Hour', type: 'number', accessor: 'hour'},
                y: [
                    { name: 'Views', type: 'number', accessor: 'views', yAxis: 0},
                ],
            },
            plots: {
                levels: 6,				//How many levels or inner circles should there be drawn
                levelColor: 'rgba(255, 255, 255, 0.4)',
                levelLabelColor: 'rgba(255, 255, 255, 0.8)',
                levelLabelPosition: 'top', //'top', 'bottom', 'right'
                levelLabel: function(d){ return d + ' views'},
                axisLabel: function(d, i){ return i===0 ? '' : d + 'am'},
                axisLabelOffset: 10,
                axisLabelColor: 'rgba(255, 255, 255, 0.8)',
                strokeOpacity: 0,
                highlightStrokeColor: 'rgba(255, 255, 255, 0.7)',
                highlightNodeColor: '#000000',
                strokeWidth: 4, 		//The width of the stroke around each blob
                opacityArea: 0.6, 	//The opacity of the area of the blob
                maxValue: 0, 			//What is the value that the biggest circle will represent
                labelFactor: 1.15,
                wrapWidth: 60, 		//The number of pixels after which a label needs to be given a new line
                innerRadiusRatio: 0.4,
                outerRadiusMargin: 60,
                sortArea: true, // show smallest area on top
                stackLayout: false, // stack areas
                stackMethod: 'zero',
                isArea: true	//If true the area and stroke will follow a round path (cardinal-closed),
            }
        };

        var chart = new VizArtBasic.Corona('#chart', options);

        d3.csv('assets/corona_page_views.csv', function(err, res){<commit_msg>new color<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bar Chart Demo</title>
    <link href="./vizart-basic.css" rel="stylesheet" type="text/css"/>
    <link href="./css/main.css" rel="stylesheet" type="text/css"/>
    <link href="./lib/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="./lib/jquery-1.12.4.min.js"></script>
    <script src="./lib/bootstrap-3.3.7/js/bootstrap.js"></script>
    <script src="./lib/d3.js"></script>
    <script src="./lib/lodash.min.js"></script>
    <script src="./vizart-basic.standalone.js" type="text/javascript"></script>
</head>
<body>

<div class="dropdown" style="position: fixed; top: 10px; left: 10px; z-index: 99">
    <button  class="btn btn-info dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Stack
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li id="group"><a href="#">Group</a></li>
        <li id="zero"><a href="#">Stack: Zero</a></li>
        <li id="expand"><a href="#">Stack: Expand</a></li>
    </ul>
</div>


<div id="chart" class="ocean chart-container"></div>

<script>
    $(document).ready(function () {
        var options = {
            data: {
                s: { name: 'Page', type: 'string', accessor: 'page'},
                x: { name: 'Hour', type: 'number', accessor: 'hour'},
                y: [
                    { name: 'Views', type: 'number', accessor: 'views', yAxis: 0},
                ],
            },
            plots: {
                levels: 6,				//How many levels or inner circles should there be drawn
                levelColor: 'rgba(255, 255, 255, 0.4)',
                levelLabelColor: 'rgba(255, 255, 255, 0.8)',
                levelLabelPosition: 'top', //'top', 'bottom', 'right'
                levelLabel: function(d){ return d + ' views'},
                axisLabel: function(d, i){ return i===0 ? '' : d + 'am'},
                axisLabelOffset: 10,
                axisLabelColor: 'rgba(255, 255, 255, 0.8)',
                strokeOpacity: 0,
                highlightStrokeColor: 'rgba(255, 255, 255, 0.7)',
                highlightNodeColor: '#000000',
                strokeWidth: 4, 		//The width of the stroke around each blob
                opacityArea: 0.6, 	//The opacity of the area of the blob
                maxValue: 0, 			//What is the value that the biggest circle will represent
                labelFactor: 1.15,
                wrapWidth: 60, 		//The number of pixels after which a label needs to be given a new line
                innerRadiusRatio: 0.4,
                outerRadiusMargin: 60,
                sortArea: true, // show smallest area on top
                stackLayout: false, // stack areas
                stackMethod: 'zero',
                isArea: true	//If true the area and stroke will follow a round path (cardinal-closed),
            },
            color: {
                scheme: [
                    '#ffe100',
                    '#ffbf00',
                    '#ff5730',
                    '#eb3ba6'
                ]
            }
        };

        var chart = new VizArtBasic.Corona('#chart', options);

        d3.csv('assets/corona_page_views.csv', function(err, res){
{'fraction_non_alphanumeric': 0.16250956388676358, 'fraction_numerical': 0.029227237949502678, 'mean_word_length': 1.984474885844749, 'pattern_counts': {'":': 0, '<': 91, '<?xml version=': 0, '>': 91, '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': '571750', 'n_tokens_mistral': 2160, 'n_tokens_neox': 1941, 'n_words': 510}