动态图形可视化库:fourd.js
d3fw
9年前
fourd.js 是一个用在浏览器上的动态图形可视化库。稍微调整一下,你就可以用它做出一些几何图形集合,此库已经在 Chrome、Firefox、IE11 上测试运行,有传言说,通过切换 CanvasRenderer,此库甚至可以在树莓派上运行。
示例代码:
var fourd = new FourD(); // instantiation fourd.init('#selector', {width: 600, height: 350}); // initialization var vertex_options = { width: 5, // pixels height: 5, depth: 5, color: 0x000000 // hex color }; // or: var vertex_options = { width: 5, height: 5, depth: 5, texture: 'path_to,png' } // or: // leave out vertex options altogether. // default values will be used. var vertex1 = fourd.graph.add_vertex(vertex_options); // add a vertex var vertex2 = fourd.graph.add_vertex(vertex_options); // add another vertex var edge_options = {}; // currently not defined, but this is how you would pass them. var edge = fourd.graph.add_edge(vertex1, vertex2, edge_options); fourd.graph.remove_edge(edge); // this is why you keep those variables fourd.graph.remove_vertex(vertex1); fourd.graph.remove_vertex(vertex2);