<commit_before><div class="content-section introduction">
    <div>
        <span class="feature-title">DoughnutChart</span>
        <span>A doughnut chart is a variant of the pie chart, with a blank center allowing for additional information about the data as a whole to be included.</span>
    </div>
</div>

<div class="content-section implementation">
    <p-chart type="doughnut" [data]="data"></p-chart>
</div>

<div class="content-section documentation">
    <a href="https://github.com/primefaces/primeng/tree/master/src/app/showcase/components/chart/doughnutchart" class="btn-viewsource" target="_blank">
        <i class="fa fa-github"></i>
        <span>View on GitHub</span>
    </a>
    
    <p-tabView effect="fade">
        <p-tabPanel header="doughnutchartdmeo.ts">
<pre>
<code class="language-typescript" pCode ngNonBindable>
export class DoughnutChartDemo &#123;

    data: any;

    constructor() &#123;
        this.data = &#123;
            labels: ['A','B','C'],
            datasets: [
                &#123;
                    data: [300, 50, 100],
                    backgroundColor: [
                        "#FF6384",
                        "#36A2EB",
                        "#FFCE56"
                    ],
                    hoverBackgroundColor: [
                        "#FF6384",
                        "#36A2EB",
                        "#FFCE56"
                    ]
                &#125;]    
            &#125;;
    &#125;
&#125;
</code>
</pre>            
        </p-tabPanel>

        <p-tabPanel header="doughnutchartdmeo.html">
<pre>
<code class="language-markup" pCode ngNonBindable>
&lt;p-chart type="doughnut" [data]="data"&gt;&lt;/p-chart&gt;
</code>
</pre>
        </p-tabPanel>
    </p-tabView><commit_msg>fixing typo at doughnutchartdemo.html<commit_after><div class="content-section introduction">
    <div>
        <span class="feature-title">DoughnutChart</span>
        <span>A doughnut chart is a variant of the pie chart, with a blank center allowing for additional information about the data as a whole to be included.</span>
    </div>
</div>

<div class="content-section implementation">
    <p-chart type="doughnut" [data]="data"></p-chart>
</div>

<div class="content-section documentation">
    <a href="https://github.com/primefaces/primeng/tree/master/src/app/showcase/components/chart/doughnutchart" class="btn-viewsource" target="_blank">
        <i class="fa fa-github"></i>
        <span>View on GitHub</span>
    </a>
    
    <p-tabView effect="fade">
        <p-tabPanel header="doughnutchartdemo.ts">
<pre>
<code class="language-typescript" pCode ngNonBindable>
export class DoughnutChartDemo &#123;

    data: any;

    constructor() &#123;
        this.data = &#123;
            labels: ['A','B','C'],
            datasets: [
                &#123;
                    data: [300, 50, 100],
                    backgroundColor: [
                        "#FF6384",
                        "#36A2EB",
                        "#FFCE56"
                    ],
                    hoverBackgroundColor: [
                        "#FF6384",
                        "#36A2EB",
                        "#FFCE56"
                    ]
                &#125;]    
            &#125;;
    &#125;
&#125;
</code>
</pre>            
        </p-tabPanel>

        <p-tabPanel header="doughnutchartdemo.html">
<pre>
<code class="language-markup" pCode ngNonBindable>
&lt;p-chart type="doughnut" [data]="data"&gt;&lt;/p-chart&gt;
</code>
</pre>
        </p-tabPanel>
    </p-tabView>
{'fraction_non_alphanumeric': 0.15014084507042252, 'fraction_numerical': 0.028169014084507043, 'mean_word_length': 1.8567980691874497, 'pattern_counts': {'":': 0, '<': 69, '<?xml version=': 0, '>': 69, 'https://': 2, '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': '1117202', 'n_tokens_mistral': 1159, 'n_tokens_neox': 1065, 'n_words': 226}