Visualizzazione dati .tsv

// height=300 lines=auto
var table;

function preload() {
    table = loadTable("../assets/bikes-mi.tsv", "tsv", "header");
}

function setup() {
    createCanvas(300,300);
    background(220);
}

function draw() {
    if (frameCount < table.getRowCount()) {
        var tableRow = table.getRow( frameCount-1 );

        var x = tableRow.getNum( "LON" ) - 9.15;
        var y = tableRow.getNum( "LAT" ) - 45.44;
        var diam = tableRow.getNum( "STALLI") / 3;

        ellipse( x*4000,height-y*6000, diam,diam );
    }
}
table = loadTable("../assets/bikes-mi.tsv", "tsv", "header");

Carica il file "bikes-mi.tsv" indicando il formato (tsv) e la presenza di una riga di intestazione (header).

var tableRow = table.getRow( frameCount-1 );

Ricava la riga di dati corrispondente al numero di fotogramma corrente (-1 per partire da 0).

var x = tableRow.getNum( "LON" ) - 9.15;
var y = tableRow.getNum( "LAT" ) - 45.44;
var diam = tableRow.getNum( "STALLI") / 3;

Ricava i valore numerici (getNum()) presenti alle colonne indicate fra parentesi tonde (LON, LAT e STALLI).

I valori letti (soprattutto quelli di longitudine e latitudine) vanno adattati alle coordinate del canvas. Nel caso della latitudine il valore va anche invertito (height-y*6000).

 


Strutturazione dei file: