This exercise allows to displace circles in a non-overlapping way. The collision detection introduced in this gist has been used in order to guarantee a certain padding between circles. The slider on the top allows to change the padding distance between circles.
The experiment shows the most connected classes of DBpedia in term of indegree. In the nested barchart, the vertical bars measure the overall indegree of a certain class while horizontal bars the indegree of distinct instances belonging to a certain class.
Classes are ordered according to the indegree of the most connected instance (again in term of indegree) of a certain class. Hence the order is given by the first horizontal bar nested in each vertical bar. Even if Music Genre is fourth in the ordering, it has the second most high class indegree. Hovering on the nested bars, tooltips give information about the indegree of the entities of a certain class.
A little example for loading a .obj 3D model using seen.js. We render our 3D model using the SVG support, the library allows also to use an HTML5 canvas. The resulting shapes in the model are rendered using triagles instead of quads.
A progress of this example shows how to interact with meshes inside a 3d scene. The mouseover and mouseout events are intercepted in order to produce a hover effect on the meshes.
The THREEx.DomEvent.js extension of Three.js has been used in order to intercept dom events inside your 3d scene.
The result of the rendering of a x3d file using x3dom.