数据可视化 InfoViz

[nocoo]

小弟自己做的一个js控件库。
数据可视化控件库InfoViz，基于Raphaël，支持大部分正常浏览器，完美支持iOS以及各种Retina显示屏。求使用，求fork，求star，求watch~



Website： http://infoviz.org
GitHub： https://github.com/nocoo/InfoViz

谢谢支持！

[guotie]

great！

[simo]

楼主V5!!!

[leeoo]

LZ这个外观看起来不错。我项目中一直用的Highcharts

[csx163]

楼主NIU x

[markmx]

V5

[nocoo]

@leeoo

highchart很好很强大。只是授权费太贵啦~
amcharts很好很强大，授权费也很贵...
咱贡献一个MIT协议的，让大家都有的用~

[icyflash]

不知道有没这样的功能，我鼠标移到菜单的china上，charts里面china数据的tip都显示出来

[Lynthar]

V5

[kavinyao]

Radidar -> radar/radial？

还有绘图是阻塞的？一开网页整个卡住了。

[nocoo]

@pzhang 门儿哥~
@kavinyao 确实，现阶段还没考虑异步的问题。
@icyflash 此功能确实有，可以看文档的tooltip部分。可以通过类似模板的方式，把数据里面的一些字段按需求展现在tooltip里。

另，给大家看一个花絮，一个控件的诞生过程~

[nocoo]

@kavinyao 阻塞的问题在慢速的计算设备上比较明显，主要是下面的HeatMap和SmithGraph的结点随机生成的多了一点。HeatMap是1024个结点，SmithGraph是256个bar，每个bar至多生成6条边。实际使用环境里可能不需要这么多数据。后面可以规划模块化和异步绘制的优化，使得体验更好。
谢谢您的建议。

[guotie]

能做出这样的效果吗：
假设有三个系列的值：最小，平均，最大，界面上显示平均值的连线，每个平均值的到最大值和最小值之间的区域使用阴影的深浅来表示，类似于rrdtool，例如：

http://oss.oetiker.ch/smokeping-demo/?displaymode=n;start=2012-09-19%2009:43;end=now;target=Customers.OP.james-console

[nocoo]

@guotie 可以做呦~安排在Tree类控件之后做一个试试呗。这个需求，目前可以用三条线的LineChart实现，一条average，一条max，一条min。只是失去三条线直接如参考控件所示的联系了。

[egen]

v5了

[zh0501]

弱弱的问下 这个怎么用？

[nocoo]

@zh0501 您可以围观Demo页面 http://infoviz.org/ 的源代码，有些页面编程基础的话，还是蛮易用的~
@kavinyao 今天更新了一个版本，使用了SeaJS对控件库进行了模块化，顺便SeaJS也帮我解决了异步绘图的问题。希望您能满意，谢谢支持。

[cabinw]

很棒，周末用用试试

[dreamwing]

很帅！

[nocoo]

@guotie 你需要的控件做好啦~
http://infoviz.org/#stockchart

[guotie]

楼主天才，佩服！

[wbrover]

那几幅图好美啊。楼主不光技术牛，兼顾了各种兼容性，而且还如此谦逊。

真是非常非常赞！

[nocoo]

@guotie
@wbrover

哎呀说的我太不好意思了...大家喜欢就好

[nodexy]

LZ 的这个项目与我的兴趣之一相重合啊 哈哈

我以前一直打算用 Raphaël.js做一个类似circos.ca的框架来着。

[zhangxiao]

非常赞啊，有需要的时候一定使用！

[rainchen]

有个d3.js比较强大，也可以做数据库可视化，楼主可以参考参考

[HowardMei]

很给力，Raphaël.js 灌数据和自定义坐标轴很麻烦的，你封装得太赞了，曾经Debug到想撞墙的人路过~~~

[nocoo]

@nodexy 这个事情吧，我觉得控件可视化和专门可视化要区分，现在的项目专注于实现公认成熟的展现形式，然后封装成控件。对于一些具体的数据，定制一种展现形式往往会更棒，这个貌似没法抽象。

@HowardMei 确实，库选对了生活会美好很多~

[zhangxiao]

@nocoo 想问下是否可以通过api动态的改变图表？比如一个pie chart，改变各个部分的比例之后，有一个transition来体现改变？

[nocoo]

@zhangxiao 没时间，动画没做... 通过API换是没问题的。可以参考这些页面的Test3：
http://infoviz.org/test/bubblechart.html