<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>anchart3d</title>

    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./css/stylesheet.css">
</head>
<body>

<a href="https://github.com/deKilla/anchart3d"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>

<div id="wrapper">
<span id="title">anchart<b>3d</b></span>
<a href="https://fh-joanneum.at/informationsmanagement/bachelor/" id="fhlogo">
<img src="img/fh.png" alt="FH Joanneum" /></a>

<br class="clear" />

<div class="right">

    <ul id="menu">
        <li><a href="index.html">About</a></li>
        <hr>
        <li><u>Demos:</u>
            <ul>
                <li><a href="pie.html">PieChart</a></li>
                <li><a href="bar.html">BarChart</a></li>
                <li><a href="scatter.html">ScatterChart</a>
                <li><a href="multiple.html">Multiple</a>
            </ul>
        </li>
        <hr>
        <li><a class="active" href="usage.html">Usage</a></li>
        <li><a href="configuration.html">Configuration</a></li>
        <li><a href="developing.html">Developing</a></li>
    </ul>

</div>
<div class="content">
    
    <h1>Usage</h1>
    <h3>How to get started using anchart3d</h3>
    <p>
    These are the basic steps you need to go through - if you want more control please see the <a href="configuration.html">configuration</a>. 
    </p>
    <h4>Including the script in the html file</h4>
    <p>
    Setting up anchart3d is really simple and straightforward. First, you need to download the <a href="https://github.com/deKilla/anchart3d/raw/dev/public/js/anchart3d.js">anchart3d.js</a> and place it in your project folder - for example in a subfolder called "js".
    After that you simply need to include it in your html like this:
    <span class="code">&lt;script type="text/javascript src="js/anchart3d.js"&gt;&lt;/script&gt;</span>
    </p>
    <p>
        You do <u>not</u> need to include anything else - all dependecies are already bundled into that one file and you're ready to go. Have a look at the <a href="configuration.html">configuration</a> to find out more.
    </p>
    <p>
        Then you need to include a <b>&lt;div&gt;</b> somewhere on your page. The div has to have an id with a name of your liking.
        For example, you could name it simply "chart":
    <span class="code">&lt;div id="chart"&gt;&lt;/div&gt;</span>
    </p>
    <h4>Generating a chart via the fluent api</h4>
    <p>
    The last step would be to create a &lt;script&gt; tag as last element within the body (just before &lt;/body&gt;) and call the actuall chart.
    <pre class="code" style="text-align:left; padding-left:100px;">
    anchart3d.createChart("chart")
      .setConfig(configuration)
      .pieChart()
      .data(jsonData)
      .draw();
    </pre>
    </p>
    <p>
    As you can see, calling the chart takes a couple of additional informations. First you call the <b>createChart()</b> method from the public <b>anchart3d</b> variable,
    and pass the <b>id</b> of the div, which we have created earlier, as an argument.
    Then you pass an array with your configuration to <b>setConfig()</b>. This is optional and described <a href="configuration.html">here</a>.
    The configuration method takes an optional second parameter - a string that you can use to sort the data. That must  be a category of your dataset - e.g. "income".
    The third method defines what kind of chart should be created. In this example we want to create a pie chart, so we call <b>pieChart()</b>.
    Another very important "ingredient" to visualize data, is the actual data you want to visualize. This specific data has to be stored in a JSON and then passed to the <b>data()</b> method.
    In order to look up on how you have to structure the JSON for your data, visit the specific link of the chart you want to use. There you can find a description on how to define the data in the JSON.
    The last method is called <b>draw()</b> (<u>which has to be called last in the fluent api chain</u>), which will initialize and generate the chart.
    </p>


</div>
<br class="clear" />
</div>
</body>
</html><commit_msg>data for sort<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>anchart3d</title>

    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./css/stylesheet.css">
</head>
<body>

<a href="https://github.com/deKilla/anchart3d"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>

<div id="wrapper">
<span id="title">anchart<b>3d</b></span>
<a href="https://fh-joanneum.at/informationsmanagement/bachelor/" id="fhlogo">
<img src="img/fh.png" alt="FH Joanneum" /></a>

<br class="clear" />

<div class="right">

    <ul id="menu">
        <li><a href="index.html">About</a></li>
        <hr>
        <li><u>Demos:</u>
            <ul>
                <li><a href="pie.html">PieChart</a></li>
                <li><a href="bar.html">BarChart</a></li>
                <li><a href="scatter.html">ScatterChart</a>
                <li><a href="multiple.html">Multiple</a>
            </ul>
        </li>
        <hr>
        <li><a class="active" href="usage.html">Usage</a></li>
        <li><a href="configuration.html">Configuration</a></li>
        <li><a href="developing.html">Developing</a></li>
    </ul>

</div>
<div class="content">
    
    <h1>Usage</h1>
    <h3>How to get started using anchart3d</h3>
    <p>
    These are the basic steps you need to go through - if you want more control please see the <a href="configuration.html">configuration</a>. 
    </p>
    <h4>Including the script in the html file</h4>
    <p>
    Setting up anchart3d is really simple and straightforward. First, you need to download the <a href="https://github.com/deKilla/anchart3d/raw/dev/public/js/anchart3d.js">anchart3d.js</a> and place it in your project folder - for example in a subfolder called "js".
    After that you simply need to include it in your html like this:
    <span class="code">&lt;script type="text/javascript src="js/anchart3d.js"&gt;&lt;/script&gt;</span>
    </p>
    <p>
        You do <u>not</u> need to include anything else - all dependecies are already bundled into that one file and you're ready to go. Have a look at the <a href="configuration.html">configuration</a> to find out more.
    </p>
    <p>
        Then you need to include a <b>&lt;div&gt;</b> somewhere on your page. The div has to have an id with a name of your liking.
        For example, you could name it simply "chart":
    <span class="code">&lt;div id="chart"&gt;&lt;/div&gt;</span>
    </p>
    <h4>Generating a chart via the fluent api</h4>
    <p>
    The last step would be to create a &lt;script&gt; tag as last element within the body (just before &lt;/body&gt;) and call the actuall chart.
    <pre class="code" style="text-align:left; padding-left:100px;">
    anchart3d.createChart("chart")
      .setConfig(configuration)
      .pieChart()
      .data(jsonData)
      .draw();
    </pre>
    </p>
    <p>
    As you can see, calling the chart takes a couple of additional informations. First you call the <b>createChart()</b> method from the public <b>anchart3d</b> variable,
    and pass the <b>id</b> of the div, which we have created earlier, as an argument.
    Then you pass an array with your configuration to <b>setConfig()</b>. This is optional and described <a href="configuration.html">here</a>.
    The third method defines what kind of chart should be created. In this example we want to create a pie chart, so we call <b>pieChart()</b>.
    Another very important "ingredient" to visualize data, is the actual data you want to visualize. This specific data has to be stored in a JSON and then passed to the <b>data()</b> method. The data() method takes an optional second parameter - a string that you can use to sort the data. That must be a category of your dataset - e.g. "income".
    In order to look up on how you have to structure the JSON for your data, visit the specific link of the chart you want to use. There you can find a description on how to define the data in the JSON.
    The last method is called <b>draw()</b> (<u>which has to be called last in the fluent api chain</u>), which will initialize and generate the chart.
    </p>


</div>
<br class="clear" />
</div>
</body>
</html>
{'fraction_non_alphanumeric': 0.14008291512109972, 'fraction_numerical': 0.0366572114335588, 'mean_word_length': 3.4327852998065764, 'pattern_counts': {'":': 2, '<': 251, '<?xml version=': 0, '>': 251, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1828121', 'n_tokens_mistral': 3214, 'n_tokens_neox': 2975, 'n_words': 987}