<commit_before>#chart_selector
    input.btn.btn-primary.btn-lg(type="button", data-item="total_users", value="Total users", style="margin-right: 10px;")
    input.btn.btn-primary.btn-lg(type="button", data-item="active_users_halfyear", value="Active users (6 months)", style="margin-right: 10px;")
    input.btn.btn-primary.btn-lg(type="button", data-item="active_users_monthly", value="Active users (1 month)", style="margin-right: 10px;")
    input.btn.btn-primary.btn-lg(type="button", data-item="local_posts", value="Local posts (without reshares)", style="margin-right: 10px;")

script.
    var chart = null;
    $(function() {
        $('#chart_selector input').click(function (ev) {
            ev.preventDefault();
            $('#chart').html('').css('height', '500px');
            $('#legend_container #legend').html('');
            chart = drawChart($(ev.currentTarget).data('item'));
            $('#chart-item').html($(ev.currentTarget).data('item'));
            return false;
        });
    });

h3#chart-item

#chart_container
    #chart
    #legend_container(style="margin-left: auto; margin-right: auto; margin-top: 20px; width: 0; position: static;")
        #smoother<commit_msg>Make podlist display horizontally to save space<commit_after>#chart_selector
    input.btn.btn-primary.btn-lg(type="button", data-item="total_users", value="Total users", style="margin-right: 10px;")
    input.btn.btn-primary.btn-lg(type="button", data-item="active_users_halfyear", value="Active users (6 months)", style="margin-right: 10px;")
    input.btn.btn-primary.btn-lg(type="button", data-item="active_users_monthly", value="Active users (1 month)", style="margin-right: 10px;")
    input.btn.btn-primary.btn-lg(type="button", data-item="local_posts", value="Local posts (without reshares)", style="margin-right: 10px;")

script.
    var chart = null;
    $(function() {
        $('#chart_selector input').click(function (ev) {
            ev.preventDefault();
            $('#chart').html('').css('height', '500px');
            $('#legend_container #legend').html('');
            chart = drawChart($(ev.currentTarget).data('item'));
            $('#chart-item').html($(ev.currentTarget).data('item'));
            return false;
        });
    });

h3#chart-item

style.
    #legend li {
        display: table;
        float: left;
    }
    
    .rickshaw_legend .line {
        clear: none;
    }

#chart_container
    #chart
    #legend_container(style="margin-top: 20px;")
        #smoother
{'fraction_non_alphanumeric': 0.18804780876494023, 'fraction_numerical': 0.013147410358565738, 'mean_word_length': 3.5243243243243243, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5748798', 'n_tokens_mistral': 804, 'n_tokens_neox': 777, 'n_words': 134}