Archive for 十月, 2009
数据可视化(2)
此篇集中于数据处理/分析类的自动化工具:
GNUplot
SciLab
R
SAGE
RRDtool
gnuplot是数据可视化的GNU首选工具
IBM上面的参考: http://www.ibm.com/developerworks/cn/linux/l-gnuplot/
GNU的工具集
http://www.gnu.org/software/plotutils/
GNUplot官方网站: http://www.gnuplot.info/
GNUplot演示站点: http://gnuplot.sourceforge.net/demo_4.5/
R
Sage
RRDtool
基于时间序列的数据统计和分析工具,简言之在二维的X-Y坐标中X(或者Y)坐标始终记录的时间。
下图为例是利用RRDtool生成的一张服务器memory使用情况统计,红色线框完整的记录了系统出现问题。

数据可视化(1)
整理可编程数据可视化方面的工具和资料,提供自动化报表系统支持的组建或者系统。
该篇为此系列第一篇,主要集中在web数据可视化方面:
简单图表展示:
fusioncharts : http://www.fusioncharts.com/
javascript和flash组建的方式,以xml格式数据和服务器通讯。
比如:
<script type=”text/javascript”>
//Instantiate the Chart
var chart_stats_code = new FusionCharts(“/FusionCharts/FCF_MSColumn2D.swf”, “stats_code”, “600″, “300″);
//Set the dataURL of the chart
chart_stats_code.setDataURL(“%2Fstatus_code.php%3Fsite%3Dsmus%26year%3D2009%26month%3D10%26day%3D21″)
//Finally, render the chart.
chart_stats_code.render(“stats_codeDiv”);
</script>
从/status_code.php?site=smus&year=2009&month=10&day=21拿到如下xml数据。
然后生成一个柱状图:
同样的数据,下面是生产饼状图的代码和结果:
<script type=”text/javascript”>
//Instantiate the Chart
var chart_stats_code_pie = new FusionCharts(“/FusionCharts/FCF_Pie2D.swf”, “stats_code_pie”, “600″, “300″);
//Set the dataURL of the chart
chart_stats_code_pie.setDataURL(“%2Fstatus_code_pie.php%3Fsite%3Dsmus%26year%3D2009%26month%3D10%26day%3D21″)
//Finally, render the chart.
chart_stats_code_pie.render(“stats_code_pieDiv”);
</script>
结果:
类似的下例的xml:- <graph caption=”Over Time 4 Sec Diagram” xAxisName=”Time” pYAxisName=”Click ( 1E? )” sYAxisName=”Overtime(4s)” decimalPrecision=”0″ formatNumberScale=”0″ showNames=”1″ showValues=”0″ rotateNames=”1″ areaBgColor=”AFD8F8″>
- <categories>
<category name=”00:00″ />
<category name=”01:00″ />
<category name=”02:00″ />
<category name=”03:00″ />
……
<category name=”23:00″ />
</categories>
- <dataset seriesName=”Click By Hour” color=”AFD8F8″>
<set value=”270239″ name=”00:00″ />
<set value=”280386″ name=”01:00″ />
<set value=”326370″ name=”02:00″ />
<set value=”269443″ name=”03:00″ />
……
……
<set value=”231586″ name=”23:00″ />
</dataset>
- <dataset seriesName=”Overtime” parentYAxis=”S” color=”F6BD0F”>
<set value=”141″ name=”00:00″ />
<set value=”193″ name=”01:00″ />
<set value=”172″ name=”02:00″ />
<set value=”335″ name=”03:00″ />
……
……
<set value=”368″ name=”23:00″ />
</dataset>
</graph>
可以展示为: