list or table?

by Ronny

HTML

<table>
    <colgroup>
        <col class="country" />
        <col class="number" />
    </colgroup>
    <tr>
        <td>USA</td>
        <td>10</td>
    </tr>
    <tr>
        <td>Sweden</td>
        <td>510</td>
    </tr>
    <tr>
        <td>UK</td>
        <td>8</td>
    </tr>
    <tr>
        <td>Bosnia Herzegovina</td>
        <td>1,410</td>
    </tr>
    <tr>
        <td>Israel</td>
        <td>1,924,124</td>
    </tr>
    <tr>
        <td>Papua New Guinea</td>
        <td>9,123.</td>
    </tr>
</table>

CSS

table {width: 400px; border: 1px solid red; margin: 0 auto;}
.number {width: 150px;}

JavaScript

/* Suggested data schema.
   Depends on average size of a 90 days object, maybe worth using AJAX
    
    var revenueData = {
        '0-7': {...},
        '8-30': {...},
        '31-60': {...},
        '61-90': {...}
    };
    

*/