洛阳铲的日志

2009年10月23日

数据可视化(2)

Filed under: 生活小札 — HackGou @ 15:37

此篇集中于数据处理/分析类的自动化工具:
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/

SciLab

R


Sage

RRDtool
基于时间序列的数据统计和分析工具,简言之在二维的X-Y坐标中X(或者Y)坐标始终记录的时间。
下图为例是利用RRDtool生成的一张服务器memory使用情况统计,红色线框完整的记录了系统出现问题。

数据可视化(1)

Filed under: 生活小札 — 标签: — HackGou @ 15:15

整理可编程数据可视化方面的工具和资料,提供自动化报表系统支持的组建或者系统。
该篇为此系列第一篇,主要集中在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>
可以展示为:

Powered by WordPress