crazy-toads.github.io/pages/channelsstats.md

---
layout: page
permalink: /channelsstats/
title: Statistiques du Chat
linktitle: "Statistiques du Chat"
linkurl: /channelsstats/
description: "Statistiques sur le chat https://coa.crapaud-fou.org"
chartjs: true
jquery: true
---

Statistiques du <a href="https://coa.crapaud-fou.org">chat</a> (aussi connu sous le nom de mare aux crapauds) :
<canvas id="byChannel"></canvas>
<canvas id="byTsunamy"></canvas>
<canvas id="usersByTsunamy"></canvas>
<script>
    updated = "updated 02/05/2019"
labels = ["mai 2018","juin 2018","juillet 2018","août 2018","septembre 2018","octobre 2018","novembre 2018","décembre 2018","janvier 2019","février 2019","mars 2019","avril 2019",];

$.getJSON("{{ site.baseurl }}/public/data/messagesByChannel.json", function (datas){
    var ctx = document.getElementById('byChannel').getContext('2d');
    var chart = new Chart(ctx, {
        // The type of chart we want to create
        type: 'bar',

        // The data for our dataset
        data: {
            labels: labels,
            datasets: datas,
        },

        // Configuration options go here
        options: {
            legend: {
                display: false
            },
            title: {
                display: true,
                text: "Nombre de message par canaux (" + updated + ")",
                position: "top"
            },
            responsive: true,
            scales: {
                xAxes: [{
                    stacked: true
                }],
                yAxes: [{
                    stacked: true,
                    ticks: {
                        stepSize: 500
                    }
                }]
            }
        }
    });
});

$.getJSON("{{ site.baseurl }}/public/data/messagesByChannel.json", function (datas){
    var ctx2 = document.getElementById('byTsunamy').getContext('2d');
    var chart2 = new Chart(ctx2, {
        // The type of chart we want to create
        type: 'bar',

        // The data for our dataset
        data: {
            labels: labels,
            datasets: datas,
        },

        // Configuration options go here
        options: {
            legend: {
                display: false
            },
            title: {
                display: true,
                text: "Nombre de message par Tsunami (" + updated + ")",
                position: "top"
            },
            responsive: true,
            scales: {
                xAxes: [{
                    stacked: true
                }],
                yAxes: [{
                    stacked: true,
                    ticks: {
                        stepSize: 500
                    }
                }]
            }
        }
    });
});

activeUsersByChannel = [{label: "accueil",backgroundColor: 'rgb(85,107,18)',data: [0,0,0,0,0,21,89,79,93,74,90,83,]},{label: "agenda",backgroundColor: 'rgb(38,20,29)',data: [0,0,0,0,29,15,6,7,6,13,16,14,]},{label: "algoculture",backgroundColor: 'rgb(192,171,49)',data: [0,0,0,0,0,0,0,0,0,8,12,9,]},{label: "animation-crapauds",backgroundColor: 'rgb(59,19,0)',data: [3,5,3,2,0,0,0,0,1,4,8,0,]},{label: "aquaponie",backgroundColor: 'rgb(86,174,158)',data: [0,0,0,0,0,0,0,0,0,0,0,13,]},{label: "auberge-des-crapauds",backgroundColor: 'rgb(250,221,109)',data: [0,0,0,0,0,0,0,17,9,8,8,1,]},{label: "audio-visuel-libre",backgroundColor: 'rgb(86,80,37)',data: [0,0,0,0,0,0,0,0,0,0,11,12,]},{label: "avoirouetre",backgroundColor: 'rgb(229,186,220)',data: [0,0,0,0,0,0,0,0,0,0,4,0,]},{label: "burn-out",backgroundColor: 'rgb(149,175,147)',data: [0,11,12,6,9,1,2,7,2,1,6,1,]},{label: "cadeaux-ibf",backgroundColor: 'rgb(83,182,21)',data: [0,0,0,0,0,0,7,6,0,0,0,1,]},{label: "cause-animale",backgroundColor: 'rgb(218,6,13)',data: [0,0,0,0,11,7,2,1,0,1,5,5,]},{label: "cercle-autonomie-energetique",backgroundColor: 'rgb(5,198,165)',data: [0,15,9,16,14,14,13,13,14,8,6,11,]},{label: "cercle-blockchain-crypto",backgroundColor: 'rgb(223,65,71)',data: [0,6,16,4,5,6,5,3,6,1,3,3,]},{label: "cercle-collaboratif",backgroundColor: 'rgb(213,231,250)',data: [23,28,13,5,11,8,13,10,5,8,5,4,]},{label: "cercle-des-arts",backgroundColor: 'rgb(81,136,43)',data: [0,17,17,9,10,11,10,5,18,4,7,3,]},{label: "cercle-diversité-culturelle",backgroundColor: 'rgb(215,114,162)',data: [16,10,9,4,4,5,2,2,1,2,2,1,]},{label: "cercle-démocratie",backgroundColor: 'rgb(101,36,56)',data: [40,30,18,12,11,13,14,21,23,12,14,16,]},{label: "cercle-education",backgroundColor: 'rgb(166,39,75)',data: [23,44,39,28,23,13,20,17,19,22,20,21,]},{label: "cercle-electronique",backgroundColor: 'rgb(212,110,176)',data: [0,22,9,3,1,1,3,5,4,1,0,4,]},{label: "cercle-enthousiasme",backgroundColor: 'rgb(53,144,100)',data: [20,9,4,3,5,9,2,1,3,1,0,3,]},{label: "cercle-europe",backgroundColor: 'rgb(136,109,243)',data: [16,9,4,3,1,3,4,0,1,0,2,0,]},{label: "cercle-game-changers",backgroundColor: 'rgb(28,95,12)',data: [12,9,2,3,1,5,1,1,1,3,0,0,]},{label: "cercle-generation-2050",backgroundColor: 'rgb(241,80,230)',data: [11,11,4,7,4,4,1,2,5,4,11,8,]},{label: "cercle-genie-digital",backgroundColor: 'rgb(247,26,155)',data: [13,11,8,5,1,2,3,1,1,2,1,1,]},{label: "cercle-intergenerationnel",backgroundColor: 'rgb(38,127,103)',data: [0,0,0,0,9,2,5,1,0,1,7,0,]},{label: "cercle-neurodiversité",backgroundColor: 'rgb(42,148,50)',data: [20,27,27,14,19,22,22,12,20,15,14,18,]},{label: "cercle-permaculture",backgroundColor: 'rgb(176,189,60)',data: [27,25,14,16,22,18,15,10,14,19,21,18,]},{label: "cercle-sante",backgroundColor: 'rgb(240,236,146)',data: [1,11,16,12,9,13,8,3,8,7,7,10,]},{label: "changer-de-paradigme",backgroundColor: 'rgb(219,52,222)',data: [0,0,0,14,21,18,17,15,15,11,13,14,]},{label: "chanvre",backgroundColor: 'rgb(192,47,88)',data: [0,0,0,0,0,0,0,11,0,0,4,0,]},{label: "christin",backgroundColor: 'rgb(244,170,176)',data: [0,0,0,0,1,0,3,0,0,0,0,1,]},{label: "cnv",backgroundColor: 'rgb(225,77,121)',data: [0,0,0,0,0,8,2,6,0,1,1,0,]},{label: "coartistes",backgroundColor: 'rgb(6,53,40)',data: [0,0,0,0,0,0,0,0,0,0,12,4,]},{label: "cohorte-2607",backgroundColor: 'rgb(30,228,34)',data: [5,5,1,1,5,3,0,2,0,4,2,6,]},{label: "cohorte-34",backgroundColor: 'rgb(187,108,10)',data: [4,7,3,0,3,0,2,2,15,14,5,11,]},{label: "cohorte-belgique",backgroundColor: 'rgb(156,127,166)',data: [1,10,1,2,0,4,3,4,1,0,2,0,]},{label: "cohorte-bourgogne",backgroundColor: 'rgb(227,170,217)',data: [3,3,3,3,0,2,1,1,0,0,2,0,]},{label: "cohorte-bretagne",backgroundColor: 'rgb(125,131,209)',data: [0,0,7,8,4,8,2,4,4,1,4,3,]},{label: "cohorte-centre",backgroundColor: 'rgb(39,151,128)',data: [0,0,0,0,0,2,7,2,2,1,0,1,]},{label: "cohorte-geek",backgroundColor: 'rgb(97,63,42)',data: [28,26,16,10,10,17,17,21,14,13,17,18,]},{label: "cohorte-grand-est",backgroundColor: 'rgb(44,49,32)',data: [0,4,2,2,1,2,0,1,1,2,1,3,]},{label: "cohorte-grenoble",backgroundColor


    var ctx3 = document.getElementById('usersByTsunamy').getContext('2d');
    var chart3 = new Chart(ctx3, {
        // The type of chart we want to create
        type: 'bar',

        // The data for our dataset
        data: {
            labels: labels,
            datasets: activeUsersByChannel,
        },

        // Configuration options go here
        options: {
            legend: {
                display: false
            },
            title: {
                display: true,
                text: "Nombre d'utilisateur actifs par canaux (" + updated + ")",
                position: "top"
            },
            responsive: true,
            scales: {
                xAxes: [{
                    stacked: true
                }],
                yAxes: [{
                    stacked: true,
                    ticks: {
                        stepSize: 50
                    }
                }]
            }
        }
    });
</script>