Skip to content

Instantly share code, notes, and snippets.

@fabiovalse
fabiovalse / README.md
Last active February 15, 2017 13:04
Monthly calendar
@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:15
Yearly Calendar
@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:16
Hexagonal Grid: how do you find which hexagon a point is in?
@fabiovalse
fabiovalse / README.md
Last active January 31, 2024 07:39
Non-overlapping circles through collision detection

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.

@fabiovalse
fabiovalse / README.md
Last active April 27, 2016 09:55
Non-overlapping regions through collision detection
@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:22
DBpedia Class Indegree Distribution
@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:23
Indegree Nested Barchart

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.

@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:25
seen.js OBJ Loading

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.

@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:25
Three.js Mesh Hover

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.

@fabiovalse
fabiovalse / README.md
Last active August 29, 2015 14:25
x3dom loading x3d file

The result of the rendering of a x3d file using x3dom.