动画管道(画布、JavaScript或CSS3)

动画管道(画布、JavaScript或CSS3),javascript,css,canvas,Javascript,Css,Canvas,我正在寻找一个框架,允许您制作地铁地图或渲染管道。但是我想把它动画化,因为你可以在线路上看到“交通” 我的想法是为消息队列创建一个可视化监视系统 我找到了这个“伦敦地铁”jQuery插件,但它不是动画: 有人知道这样一个已经存在的框架吗?如果没有,最好的解决方案是什么?Canvas、JS、CSS3或某种混合体?尝试D3.JS.. D3.js是一个JavaScript库,用于基于数据操作文档。D3帮助您使用HTML、SVG和CSS将数据带入生活。D3对web标准的强调为您提供了现代浏览器的全部功能

我正在寻找一个框架,允许您制作地铁地图或渲染管道。但是我想把它动画化,因为你可以在线路上看到“交通”

我的想法是为消息队列创建一个可视化监视系统

我找到了这个“伦敦地铁”jQuery插件,但它不是动画:


有人知道这样一个已经存在的框架吗?如果没有,最好的解决方案是什么?Canvas、JS、CSS3或某种混合体?

尝试D3.JS..

D3.js是一个JavaScript库,用于基于数据操作文档。D3帮助您使用HTML、SVG和CSS将数据带入生活。D3对web标准的强调为您提供了现代浏览器的全部功能,而无需将自己绑定到专有框架,将强大的可视化组件和数据驱动的DOM操作方法结合在一起

这里有一些很好的例子:(基于节点)

单个“管道”或“管道”段是否需要单独设置动画?您是否需要比从起点到终点的多个案例更复杂的表示,换句话说,表示一个节点网络?框架总是通用的,所以我认为不会有。你发布的插件可以定制。。也许你可以挖掘代码,编写自己的动画代码,而不是颜色。是的,节点之间需要动画。管道可以有多个节点。谢谢。已经搜索了D3.js,但从未找到该库链接。不幸的是,他们没有我需要的任何东西,所以我想我必须自己动手。D3.js看起来不错!还没有尝试过,但我确实看过D3,它似乎是适合这项工作的工具。所以我接受了答案。