今天，看了一本数据可视化的书觉得还可以，这本书是用前端开发的HTML和JavaScript做数据可视化的。
普通随机直方图
代码如下：
直方图var x=75,y=300;//定义变量x,yvar mysvg = document.getElementById("mySVG");//实例化var svgrec = new Array();//定义新的数组for (var i=0;ivar Y = 20;rec[i] = document.createElement("rect");mysvg.appendChild(rec[i]);rec[i].outerHTML="";}
结果，如下图： 
绘制可变色，可变宽高的条形图 代码3，如下：
//绘制可变色，可变高度的条形图var Y = 400;//定义变量Y等于400var mysvg = document.getElementById("mySVG");var rec = new Array();//定义一个数组来存储数据for (var i=0;i//创建一个循环var col_num1 = Math.floor(Math.random()*255);var col_num2 = Math.floor(Math.random()*255);var col_num3 = Math.floor(Math.random()*255);rec[i] = document.createElement("rect");mysvg.appendChild(rec[i]);var h=Math.random()*300;//随着循环变化的随机数。rec[i].outerHTML="";//网页展示}
结果，如下图： 
绘制带有数据的直方图 代码5，如下：
数据可视化直方图var mysvg = document.getElementById("mySVG");var rec = new Array();//定义一个新的数组var txt = new Array();//定义一个新的数组for (var i=0;i