<commit_before><!doctype html>
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
</head>
<title>Brushing Example</title>
<link rel="stylesheet" type="text/css" href="./parcoords.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="./lib/d3.v5.min.js"></script>
<script src="./parcoords.standalone.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-sham.min.js"></script>

<div id="plot01" class="parcoords" style="width:960px;height:200px;"></div>
<div id="plot02" class="parcoords" style="width:960px;height:200px;"></div>
<p>Loads an external <a href="data/cars.csv">csv file</a>, creates a custom <a
        href="https://github.com/mbostock/d3/wiki/Quantitative-Scales#wiki-quantitative">quantitative color scale</a>
    using <a href="http://bl.ocks.org/3014589">L*a*b interpolation</a>, and enables brushing.

<p>
    <label for="sltBrushMode">Brush mode:</label>
    <select id="sltBrushMode">
    </select>
    <label id="lblPredicate" for="sltPredicate">Predicate:</label>
    <select id="sltPredicate">
        <option>AND</option>
        <option>OR</option>
    </select>
    <button id="brushReset">Reset Brushes</button>
    <button id="show">show</button>

</p>

<p id="pStrums" style="visibility: hidden;">Strumming is a 2D selection brushing method, also called pinches by <NAME>.
    You start a strum be clicking and dragging within one of the segments (area between two axes).
    After releasing the mouse button, the selection will contain all lines that pass through all of the active strums.


    <script>
        const pc = ParCoords()("#plot01")
            .alpha(0.4)

        // load csv file and create the chart
        d3.csv('data/cars.csv').then(function(data) {
            const d1 = data.slice();
            pc
                .data(d1)
                .hideAxis(["name"])
                .composite("darker")
                .render()
                .shadows()
                .reorderable()
                .brushMode("1D-axes")  // enable brushing
                .on("brushend", function(){
                    console.log(pc.selected());
                    console.log(pc2.selected());
                });

            pc.scale('year', [30, 90]);
        });

        d3.select('#brushReset').on('click', function () {
            // var input = "weight (lb)";
            // var upper = 10000;
            // var lower = 0;
            //
            // pc1.scale(input,[lower, upper]);
            // pc1.updateAxes();    // or pc.applyAxisConfig(input)
            // pc1.render();
        });
    </script>



<commit_msg>remove out-of-date code block<commit_after><!doctype html>
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
</head>
<title>Brushing Example</title>
<link rel="stylesheet" type="text/css" href="./parcoords.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="./lib/d3.v5.min.js"></script>
<script src="./parcoords.standalone.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-sham.min.js"></script>

<div id="plot01" class="parcoords" style="width:960px;height:200px;"></div>
<div id="plot02" class="parcoords" style="width:960px;height:200px;"></div>
<p>Loads an external <a href="data/cars.csv">csv file</a>, creates a custom <a
        href="https://github.com/mbostock/d3/wiki/Quantitative-Scales#wiki-quantitative">quantitative color scale</a>
    using <a href="http://bl.ocks.org/3014589">L*a*b interpolation</a>, and enables brushing.

<p>
    <label for="sltBrushMode">Brush mode:</label>
    <select id="sltBrushMode">
    </select>
    <label id="lblPredicate" for="sltPredicate">Predicate:</label>
    <select id="sltPredicate">
        <option>AND</option>
        <option>OR</option>
    </select>
    <button id="brushReset">Reset Brushes</button>
    <button id="show">show</button>

</p>

<p id="pStrums" style="visibility: hidden;">Strumming is a 2D selection brushing method, also called pinches by <NAME>.
    You start a strum be clicking and dragging within one of the segments (area between two axes).
    After releasing the mouse button, the selection will contain all lines that pass through all of the active strums.


    <script>
        const pc = ParCoords()("#plot01")
            .alpha(0.4)

        // load csv file and create the chart
        d3.csv('data/cars.csv').then(function(data) {
            const d1 = data.slice();
            pc
                .data(d1)
                .hideAxis(["name"])
                .composite("darker")
                .render()
                .shadows()
                .reorderable()
                .brushMode("1D-axes")  // enable brushing
                .on("brushend", function(){
                    console.log(pc.selected());
                });

            pc.scale('year', [30, 90]);
        });

        d3.select('#brushReset').on('click', function () {
            // var input = "weight (lb)";
            // var upper = 10000;
            // var lower = 0;
            //
            // pc1.scale(input,[lower, upper]);
            // pc1.updateAxes();    // or pc.applyAxisConfig(input)
            // pc1.render();
        });
    </script>




{'fraction_non_alphanumeric': 0.16967106485783312, 'fraction_numerical': 0.02137149228767887, 'mean_word_length': 2.4566473988439306, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 99, 'https://': 4, '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': '4469165', 'n_tokens_mistral': 1804, 'n_tokens_neox': 1669, 'n_words': 358}