This gist shows how to use HighlightsJS. A JSON structure is shown in a <code> tag using one CSS highlighting style made available by the library. JSON.stringify() has been used for prettifying JSON data.
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.
This script allows to generate the vertices, of a regular polygon, as svg circles. It is possible to specify:
- the number of polygon sides;
- the radius of the polygon;
- the svg width and height.
The vertices coordinates are generated splitting a circumference in N parts, corresponding to the polygon sides. If N=1 then the vertice coordinates correspond to the center of the circumference.
A node-link diagram running a javascript implementation of the Dijkstra algorithm. Every time the visualization is refreshed two nodes are selected as start (in red) and end point (in blue). Then the shortest path is computed and shown on the diagram by highlighting the edges.
The camera of A-Frame is set in order to simulate an isometric view.
fabiovalse
/ README.md
Last active
July 3, 2021 14:05
Equidistant Points Along an Archimedean Spiral
How to draw a distribution of equidistant points along an Archimedean Spiral using D3.js. The solution was taken from this stackoverflow discussion.
How to draw a distribution of points along an Archimedean Spiral using D3.js.
This tree represents the hierarchy of the schema.org schema. The 642 types of the core vocabulary are depicted as red nodes while the bib and auto extensions are respectevely represented by the blue and green nodes.
Hovering the label of a type pops up its properties listed in the official jsonld file.
The header on the top allows to filter the extensions of the core vocabulary.
An overview diagram of the solar system. The sun is placed on the left and every planet rotating around it is placed on the right along its own orbit. Some planets, such as Jupiter or Saturn, have in turn moons drawn around them.
The color of the planets indicates the type of celestial body such as terrestrial, gas giant, ice giant, asteroid, plutoid and satellite.
Except the sun, planet dimensions have been computed using the same scale (i.e., power scale with a 0.4 exponent). Also the planet distance from the sun and the moon distance from their primary planet have been calculated using the same scale (i.e., power scale with a 0.33 exponent).
Data have been taken from Wikipedia.
NewerOlder