D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
aaizemberg
Full window
Github gist
Población por provincia (usando html5 canvas)
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Población de Argentina por provincia (censo 2010)</title> </head> <body> <canvas id="myCanvas" width="600" height="400" style="border:1px solid #aaa;"> </canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var poblacion = [15625084, 3308876, 3194537, 2890151, 1738929, 1448188, 1235994, 1214441, 1101593, 1055259, 992595, 874006, 681055, 673307, 638645, 551266, 530162, 509108, 432310, 367828, 333642, 318951, 273964, 127205]; context.beginPath(); context.lineWidth = 1; context.strokeStyle = 'white'; for (var i=0; i < poblacion.length; i++) { context.rect(10, 10+(canvas.height/(poblacion.length+1)*i), (canvas.width-20)* poblacion[i]/poblacion[0], canvas.height/(poblacion.length+1)); context.fillStyle = 'grey'; context.fill(); } context.stroke(); </script> </body> </html>