爱意满满的作品展示区。
nocoo

数据可视化 InfoViz

  •  
  •   nocoo ·
    nocoo · Sep 19, 2012 · 7360 views
    This topic created in 5164 days ago, the information mentioned may be changed or developed.
    小弟自己做的一个js控件库。
    数据可视化控件库InfoViz,基于Raphaël,支持大部分正常浏览器,完美支持iOS以及各种Retina显示屏。求使用,求fork,求star,求watch~



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

    谢谢支持!
    29 replies  •  1970-01-01 08:00:00 +08:00
    guotie
    guotie
    Sep 19, 2012
    1
    great!
    simo
    simo
    Sep 19, 2012
    2
    楼主V5!!!
    leeoo
    leeoo
    Sep 19, 2012
    3
    LZ这个外观看起来不错。我项目中一直用的Highcharts
    csx163
    csx163
    Sep 19, 2012
    4
    楼主NIU x
    markmx
    markmx
    Sep 19, 2012
    5
    V5
    nocoo
    nocoo
    OP
    Sep 19, 2012
    6
    @leeoo

    highchart很好很强大。只是授权费太贵啦~
    amcharts很好很强大,授权费也很贵...
    咱贡献一个MIT协议的,让大家都有的用~
    icyflash
    icyflash
    Sep 19, 2012
    7
    不知道有没这样的功能,我鼠标移到菜单的china上,charts里面china数据的tip都显示出来
    pzhang
    pzhang
    Sep 19, 2012
    8
    V5
    kavinyao
    kavinyao
    Sep 19, 2012
    9
    Radidar -> radar/radial?

    还有绘图是阻塞的?一开网页整个卡住了。
    nocoo
    nocoo
    OP
    Sep 19, 2012
    10
    @pzhang 门儿哥~
    @kavinyao 确实,现阶段还没考虑异步的问题。
    @icyflash 此功能确实有,可以看文档的tooltip部分。可以通过类似模板的方式,把数据里面的一些字段按需求展现在tooltip里。

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

    nocoo
    nocoo
    OP
    Sep 19, 2012❤️1
    11
    @kavinyao 阻塞的问题在慢速的计算设备上比较明显,主要是下面的HeatMap和SmithGraph的结点随机生成的多了一点。HeatMap是1024个结点,SmithGraph是256个bar,每个bar至多生成6条边。实际使用环境里可能不需要这么多数据。后面可以规划模块化和异步绘制的优化,使得体验更好。
    谢谢您的建议。
    guotie
    guotie
    Sep 19, 2012
    12
    能做出这样的效果吗:
    假设有三个系列的值:最小,平均,最大,界面上显示平均值的连线,每个平均值的到最大值和最小值之间的区域使用阴影的深浅来表示,类似于rrdtool,例如:

    http://oss.oetiker.ch/smokeping-demo/?displaymode=n;start=2012-09-19%2009:43;end=now;target=Customers.OP.james-console
    nocoo
    nocoo
    OP
    Sep 19, 2012
    13
    @guotie 可以做呦~安排在Tree类控件之后做一个试试呗。这个需求,目前可以用三条线的LineChart实现,一条average,一条max,一条min。只是失去三条线直接如参考控件所示的联系了。
    egen
    egen
    Sep 19, 2012
    14
    v5了
    zh0501
    zh0501
    Sep 20, 2012
    15
    弱弱的问下 这个怎么用?
    nocoo
    nocoo
    OP
    Sep 20, 2012
    16
    @zh0501 您可以围观Demo页面 http://infoviz.org/ 的源代码,有些页面编程基础的话,还是蛮易用的~
    @kavinyao 今天更新了一个版本,使用了SeaJS对控件库进行了模块化,顺便SeaJS也帮我解决了异步绘图的问题。希望您能满意,谢谢支持。
    cabinw
    cabinw
    Sep 20, 2012
    17
    很棒,周末用用试试
    dreamwing
    dreamwing
    Sep 20, 2012
    18
    很帅!
    nocoo
    nocoo
    OP
    Sep 22, 2012
    19
    @guotie 你需要的控件做好啦~
    http://infoviz.org/#stockchart

    guotie
    guotie
    Sep 22, 2012
    20
    楼主天才,佩服!
    wbrover
    wbrover
    Sep 22, 2012
    21
    那几幅图好美啊。楼主不光技术牛,兼顾了各种兼容性,而且还如此谦逊。

    真是非常非常赞!
    nocoo
    nocoo
    OP
    Sep 23, 2012
    22
    @guotie
    @wbrover

    哎呀说的我太不好意思了...大家喜欢就好
    nodexy
    nodexy
    Oct 23, 2012
    23
    LZ 的这个项目与我的兴趣之一相重合啊 哈哈

    我以前一直打算用 Raphaël.js做一个类似circos.ca的框架来着。
    zhangxiao
    zhangxiao
    Oct 23, 2012
    24
    非常赞啊,有需要的时候一定使用!
    rainchen
    rainchen
    Oct 23, 2012
    25
    有个d3.js比较强大,也可以做数据库可视化,楼主可以参考参考
    HowardMei
    HowardMei
    Oct 23, 2012
    26
    很给力,Raphaël.js 灌数据和自定义坐标轴很麻烦的,你封装得太赞了,曾经Debug到想撞墙的人路过~~~
    nocoo
    nocoo
    OP
    Oct 24, 2012
    27
    @nodexy 这个事情吧,我觉得控件可视化和专门可视化要区分,现在的项目专注于实现公认成熟的展现形式,然后封装成控件。对于一些具体的数据,定制一种展现形式往往会更棒,这个貌似没法抽象。

    @HowardMei 确实,库选对了生活会美好很多~
    zhangxiao
    zhangxiao
    Mar 7, 2013
    28
    @nocoo 想问下是否可以通过api动态的改变图表?比如一个pie chart,改变各个部分的比例之后,有一个transition来体现改变?
    nocoo
    nocoo
    OP
    Mar 7, 2013❤️1
    29
    @zhangxiao 没时间,动画没做... 通过API换是没问题的。可以参考这些页面的Test3:
    http://infoviz.org/test/bubblechart.html
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1041 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 18:23 · PVG 02:23 · LAX 10:23 · JFK 13:23
    ♥ Do have faith in what you're doing.