sketchRandomLoop.js

// Objectif

// Given the following CSV file called "numbers.csv"
// located in the project's root folder:
//
// words,count
//example:
//algorithm,12

let tableTwitter;
let tableYT;

let t0 = 0;

// time delay vars
// current time "snapshot" (imagine pressing the lap time button)
//var time;
// the interval to wait between time "snapshots": 2s (2000 milliseconds) in this case
//var wait = 2000;

//var RobotoMono;

const params = {

    random_and_noise_Seed: 2,

}


function preload(){
  //my table is comma separated value "csv"
  //and has a header specifying the columns labels
  tableTwitter = loadTable('twitter.csv', 'csv', 'header');
  tableFacebook = loadTable('facebook.csv', 'csv', 'header');
  tableYT = loadTable('youtube.csv', 'csv', 'header');
  
  Montserrat = loadFont('Montserrat-Bold.ttf');
  MontserratReg = loadFont('Montserrat-Regular.ttf');

}


function setup(){
    frameRate(10);
  createCanvas(960, 640); // Create SVG Canvas // , SVG
  
  //count the columns
  print(tableTwitter.getRowCount() + ' total rows in table');
  print(tableTwitter.getColumnCount() + ' total columns in table');

  wordsTwitter = tableTwitter.getColumn('words')
  countTwitter = tableTwitter.getColumn('count')
  
  wordsYT = tableYT.getColumn('words')
  countYT = tableYT.getColumn('count')

  wordsFacebook = tableFacebook.getColumn('words')
  countFacebook = tableFacebook.getColumn('count')




  print("tyoe of tableTwitter is ")
  //console.log(typeof tableTwitter);
  print(typeof tableTwitter);

  //print(countTwitter);
  //print(countFacebook);


  //["12", "12", "4", etc.]


  
  // Initialisation des fonctions d'aléatoire
  randomSeed(params.random_and_noise_Seed)
  //noiseSeed(params.random_and_noise_Seed)

    //store the current time
    //time = millis();


}

function map(number, inMin, inMax, outMin, outMax) {
    return (number - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
}

// Get max count from each social media:
function getMaxOccurrencesFromTableCount(countRS){
    //let maxCount = 0;
    for(let i=0; i<countRS.length; i++){
        if(countRS[i] != undefined){
            return countRS[i];
        }
    }
    //return maxCount
}

function getMaxOccurrencesFromTableCount_v2(countRS){
    return countRS[0]
}

// Get min count from each social media:
function getMinOccurrencesFromTableCount(countRS){
    let minCount = 1; // Attention bricolage par ici (le 1 est arbirtraire)
    for(let i=0; i<countRS.length; i++){
        if(countRS[i] < minCount){
            minCount = countRS[i];
        }
    }
    return minCount
}

function getMinOccurrencesFromTableCount_v2(countRS){
    return countRS[countRS.length - 1]
}

  // Création d'une table des mots communs aux RS
  
  
function createCommonTable(table1, table2){

    wordsTable1 = table1.getColumn('words')
    countTable1 = table1.getColumn('count')

    wordsTable2 = table2.getColumn('words')
    countTable2 = table2.getColumn('count')

    var table3 = {
        words: [],
        count: []
        };

    for(let t1=0; t1<countTable1.length; t1++){
        for(let t2=0; t2<countTable2.length; t2++){
            if(wordsTable1[t1] == wordsTable2[t2]){
                table3.words[t1] = wordsTable1[t1];
                table3.count[t1] = (countTable1[t1]); // + countTable2[t2])/2 à la fin bugge (on obtient trop grd count résultant)
            }
        }
    }

    return table3;

}

function removeCommonElementsInTable(table1, table2){
    wordsTable1 = table1.getColumn('words')
    countTable1 = table1.getColumn('count')

    wordsTable2 = table2.getColumn('words')
    countTable2 = table2.getColumn('count')

    var table3 = {
        words: [],
        count: []
        };

    // Copie de table1 dans table3
    for(let t3=0; t3<countTable1.length; t3++){
        table3.words[t3] = wordsTable1[t3];
        table3.count[t3] = countTable1[t3];
    }

    // Retrait des elts communs à table3 (càd table1) et table2
    for(let t1=0; t1<countTable1.length; t1++){
        for(let t2=0; t2<countTable2.length; t2++){
            if(table3.words[t1] == wordsTable2[t2]){
                table3.words[t1] = undefined;
                table3.count[t1] = undefined;
            }
        }
    }

    return table3;
}

function delay(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
  }


// -------- Drawing -------


function draw(){
    random(params.random_and_noise_Seed)

    t0 += 3;
  background(28, 28, 28);


  noStroke();
  fill(51, 255, 0, 50);

  let colorShift = 20;

    //------------ Tracé du nuage correspondant aux mots Twitter----------------------

    tableTwitterWithoutFb = removeCommonElementsInTable(tableTwitter, tableFacebook);
    wordsTwitterWithoutFb = tableTwitterWithoutFb.words;
    countTwitterWithoutFb = tableTwitterWithoutFb.count;

    /*
    print("test table TwitterWithoutFb : "); // DEBUG
    print(tableTwitterWithoutFb);
    print("test max occurence v1 de table TwitterWithoutFb : ")
    print(getMaxOccurrencesFromTableCount(countTwitterWithoutFb))
    */

    textFont(Montserrat);
    
    for (let t = 0; t < countTwitterWithoutFb.length; t++){
        if(wordsTwitterWithoutFb[t] != undefined && t<t0){ //&& millis() - time >= wait
            tailleTxt = map(countTwitterWithoutFb[t], getMinOccurrencesFromTableCount_v2(countTwitterWithoutFb), getMaxOccurrencesFromTableCount(countTwitterWithoutFb), 8, width/8)
            textSize(tailleTxt); // count[t] // Math.exp(count[t])
            fill(random(56 - colorShift, 56 + colorShift), random(161 - colorShift, 161 + colorShift), random(243 - colorShift, 243 + colorShift), map(tailleTxt, 12, width/8, 255, 50))
            text(wordsTwitterWithoutFb[t], random(0, width - 650), random(60, height/2));
            //time = millis();
        }
    }
    
  
  
    // --------------------Tracé du nuage correspondant aux mots FB------------------

    tableFbWithoutTwitter = removeCommonElementsInTable(tableFacebook, tableTwitter);
    wordsFbWithoutTwitter = tableFbWithoutTwitter.words;
    countFbWithoutTwitter = tableFbWithoutTwitter.count;

    
    //print("test table Fb sans twitter : "); // DEBUG
    //print(tableFbWithoutTwitter);
    

    
    for (let t = 0; t < countFbWithoutTwitter.length; t++){
        if(wordsFbWithoutTwitter[t] != undefined && t<t0){
            tailleTxt = map(countFbWithoutTwitter[t], getMinOccurrencesFromTableCount_v2(countFbWithoutTwitter), getMaxOccurrencesFromTableCount(countFbWithoutTwitter), 8, width/8)
            textSize(tailleTxt); // count[t] // Math.exp(count[t])
            fill(random(46,86), random(83,123), random(158,198), map(tailleTxt, 12, width/8, 255, 50))
            text(wordsFbWithoutTwitter[t], random(width/2, width - 200), random(60, height/2));
        }
    } 
  
    // -----------------Tracé du nuage correspondant aux mots table commune-------------------

    tableCommune = createCommonTable(tableTwitter, tableFacebook);
    wordsCommune = tableCommune.words;
    countCommune = tableCommune.count;

    print("test table commune : ");
    print(tableCommune); // MARCHE

    //print("test 1er mot de table commune : ");
    //print(wordsCommune.words[0]);

    //cycle through the table to print the table DEBUG
    for (let r = 0; r < countCommune.length; r++){
        for (let c = 0; c < 2; c++){ // 2 colonnes dans la table
        print(tableCommune.words[r]);
        print(tableCommune.count[r]);
        }
    }

    let tailleTexteFixe = 14;


    for (let t = 0; t < tableCommune.count.length; t++){
        if(wordsCommune[t] != undefined && t<t0){
            tailleTxt = map(countCommune[t], getMinOccurrencesFromTableCount_v2(countCommune), getMaxOccurrencesFromTableCount(countCommune), 8, width/8)
            textSize(tailleTxt); // count[t] // Math.exp(count[t])
            fill(random(189 - colorShift, 189 + colorShift), random(55 - colorShift, 55 + colorShift), random(55 - colorShift, 55 + colorShift), map(tailleTxt, 12, width/8, 255, 50))
            text(wordsCommune[t], random(width/8 - 20, 7*width/8), random(height/2 + 60, height - 90));
        }
    } 

    // ---------- LEGENDE ------------
    textSize(11);
    textAlign(CENTER);
    fill(240,240,240);
    text("Nuages de mots mettant en avant les termes les plus tweetés au sujet des algorithmes de Twitter et de Facebook (source : API Twitter)", width/2, height - 20);
  
    textFont(MontserratReg);
    textAlign(LEFT);

    fill(56,161,243);
    text("Termes spécifiques aux tweets discutant de l'algorithme de Twitter", 10, height - 69);

    fill(66,103,178);
    text("Termes spécifiques aux tweets discutant de l'algorithme de Facebook", 10, height - 57);

    fill(189,55,55);
    text("Termes communs aux tweets discutant de ces deux algorithmes", 10, height - 45);

  //save("mySVG.svg"); // give file name
  //print("saved svg");
  //noLoop(); // we just want to export once
    
    // wait 2s then call draw() manually
    //delay(2000).then(draw);

    if(t0 >= max(countTwitterWithoutFb.length, countFbWithoutTwitter.length, countCommune.length)){
        noLoop();
    }
    
}