2021-02-17 12:59:42 +01:00
|
|
|
<div id="floating_container">
|
|
|
|
|
<div id="floating_btn_container">
|
2021-02-24 18:06:16 +01:00
|
|
|
<a id="floating_btn_close" href="#" ><i class="fa fa-close"></i> Close</a>
|
|
|
|
|
<a id="floating_btn_read_more" href="#"><i class="fa fa-chain"></i> Read more</a>
|
2021-02-17 12:59:42 +01:00
|
|
|
</div>
|
|
|
|
|
<div id="floating_content">
|
|
|
|
|
<p>
|
|
|
|
|
The graph shows this blog posts relationship in term of similarity.
|
|
|
|
|
Each node in the graph is a post, two nodes are connected by an edge if
|
|
|
|
|
they share some degree of similarity (weighted by edge thickness and edge distance).
|
|
|
|
|
A large edge thickness and/or short edge distance shows a strong similarity between
|
|
|
|
|
the two connected nodes.
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
Nodes are arranged by force which is modelled by content similarity.
|
2021-02-19 18:24:32 +01:00
|
|
|
The more similar the nodes content, the stronger the force between them.
|
2021-02-17 12:59:42 +01:00
|
|
|
Therefore, nodes that share similar topic will tend to group themself together in a cluster.
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
Navigate the blog by hovering the mouse on a node and following the node relationship
|
|
|
|
|
(edges) to find your interesting topic.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
