2D javascript table graphics
Score: 61

10 (no jQuery) + 15 (scaling cells) + 15 (the scaling part uses no CSS) + 20 (no labels) + 1 (upvotes)

When you click on a cell, it turns the current color.

JavaScript

var w = h = 20, color = 'red'
function createTable() {
    var tbl = document.createElement('table')
    tbl.id = 'tbl'
    for (var i = 0; i &lt; h; i++) {
        var tr = document.createElement('tr')
        for (var i2 = 0; i2 &lt; w; i2++) {
            var td = document.createElement('td')
            td.addEventListener('mousedown', draw)
            tr.appendChild(td)
        }
        tbl.appendChild(tr)
    }
    document.body.appendChild(tbl)
    return tbl
}
function killTable(tbl) {
    tbl.parentNode.removeChild(tbl)
}
var tbl = createTable()

function draw(e) {
   e.preventDefault()
   this.style.backgroundColor = color
}

document.getElementById('finalize').addEventListener('click', finalize)
function finalize() {
    var tds = document.getElementsByTagName('td')
    for (var i = 0; i &lt; tds.length; i++) {
        tds[i].style.border = 'none'
        tds[i].removeEventListener('mousedown', draw)
    }
    document.getElementById('optionsWrapper').style.display = 'none'
}

document.getElementById('changeColor').addEventListener('click', changeColor)
function changeColor() {
    color = document.getElementById('color').value
}

document.getElementById('changeDims').addEventListener('click', changeDims)
function changeDims() {
    var dims = document.getElementById('dims').value.split('x')
    w = +dims[0], h = +dims[1]

    killTable(tbl)
    tbl = createTable()
}


HTML

&lt;div id='optionsWrapper'&gt;
    &lt;button id='finalize'&gt;Finalize&lt;/button&gt;&lt;br/&gt;
    &lt;label for='color'&gt;Color: &lt;/label&gt;&lt;input id='color' type='text' value='red' /&gt;&lt;button id='changeColor'&gt;Go&lt;/button&gt;&lt;br/&gt;
    &lt;label for='dims'&gt;Change dimensions (WARNING: will erase drawing): &lt;/label&gt;&lt;input id='dims' type='text' value='20x20' /&gt;&lt;button id='changeDims'&gt;Go&lt;/button&gt;
&lt;/div&gt;


CSS

td {
    width: 5px;
    height: 5px;
    padding: 0;
    border: 1px solid black;
}

table {
    border-collapse: collapse;
}


JSFiddle

http://jsfiddle.net/D9u2N/1/

Screenshots

Zoomed in view (while editing, click to enlarge to full size):


  


Finalized view (zoomed out):