Data Screen Suggestion

[alsama]

For data screen I think that is better put the red lines near the center data fileds and move down fields 1, 2 and 3.
So texts labels for that fields are in a bigger screen zone so you evite cut it.
Free space in the top of the screen can be use to show a simple battery icon, play/stop indication icon or some other.
I attach an image

[alsama]

Sample code:

    var line_offset = 5; //Adjust Red lines
    var df_offset = 10; //Move DataFields

    switch(numberDataFields) {
        case 1:
            //
            dfLines = [];
            dfCenters = [[w2, y1-d2, y2-d2]];
            break;
        case 2:
            dfLines = [[[0,h],[width,h]]];
            dfCenters = [[w2,y1,y2],[w2,h+y1,h+y2]];
            break;
        case 3:
            dfLines = [[[0,h],[width,h]],[[0,2*h],[width,2*h]]];
            dfCenters = [[w2,y1,y2],[w2,h+y1,h+y2],[w2,2*h+y1,2*h+y2]];
            break;
        case 4:
        default:
            dfLines = [[[0,h+line_offset+df_offset],[width,h+line_offset+df_offset]], //Line horiz. 1
                       [[0,2*h-line_offset+df_offset],[width,2*h-line_offset+df_offset]], //Line horiz. 2
                       [[w2,h+line_offset+df_offset],[w2,2*h-line_offset+df_offset]]];  //Line vert.
            dfCenters = [[w2,y1+(df_offset*2),y2+(df_offset*2)], //DATA 1
                         [0.5*w2,h+y1+df_offset,h+y2+df_offset], //DATA 2
                         [1.5*w2,h+y1+df_offset,h+y2+df_offset], //DATA 3
                         [w2,2*h+y1,2*h+y2]]; //DATA 4
            break;

[alsama]

I have test it in my va3...