<commit_before>function plotSelectionTabs( element, selections, activeSelection ) {
    // clear target element
    d3.select(element).html("");

    d3.select(element)
        .append('span')
        .attr('class', 'selection-button')
        .html('<i title="New selection" class="fa fw fa-plus"></i>')
        .on("click", function(event){
            createInitialSelection();
        });    

    if ( selections.getSize() <= 0 ) {
        d3.select(element).append('p' )
            .attr( 'class', 'selection-tab-list' )
            .html( 'No selections.' );

        return;
    }

    var table = d3.select(element)
        .append("table")
        .attr("class", "selection-tab-list");

    var tbody = table.append("tbody");

    var tabs = tbody.append("tr")
            .selectAll("td")
            .data(selections.list)
        .enter()
            .append("td")
                .attr("class", "selection-tab")
                .classed( { 'active': function(d,i) { return ( selections.isActive(d) ); } } )

            tabs.append("i")
                .attr( "class", "fa fa-square" )
                .style("color", function(d,i) { return ( selections.getColor( d ) ); } )
                .style( "margin-right", "2px");<commit_msg>Added help text for new selection button.<commit_after>function plotSelectionTabs( element, selections, activeSelection ) {
    // clear target element
    d3.select(element).html("");

    d3.select(element)
        .append('span')
        .attr('class', 'selection-button')
        .html('<i title="New selection" class="fa fw fa-plus"></i>')
        .on("click", function(event){
            createInitialSelection();
        });    

    if ( selections.getSize() <= 0 ) {
        d3.select(element).append('p' )
            .attr( 'class', 'selection-tab-list' )
            .html( 'No selections. Click <i class="fa fw fa-plus"></i> button to add a new selection.' );

        return;
    }

    var table = d3.select(element)
        .append("table")
        .attr("class", "selection-tab-list");

    var tbody = table.append("tbody");

    var tabs = tbody.append("tr")
            .selectAll("td")
            .data(selections.list)
        .enter()
            .append("td")
                .attr("class", "selection-tab")
                .classed( { 'active': function(d,i) { return ( selections.isActive(d) ); } } )

            tabs.append("i")
                .attr( "class", "fa fa-square" )
                .style("color", function(d,i) { return ( selections.getColor( d ) ); } )
                .style( "margin-right", "2px");
{'fraction_non_alphanumeric': 0.17470111839568067, 'fraction_numerical': 0.004627844195912071, 'mean_word_length': 1.961187214611872, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 9, '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': '7329485', 'n_tokens_mistral': 794, 'n_tokens_neox': 755, 'n_words': 154}