【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その1

CSS




概要

canavsの勉強も兼ねて、機械学習とかで使われるk-meansによるクラスタリングを可視化してみた。
そしたら、ちょっと気持ち悪い蜘蛛みたいな動きをするようになった。

環境は、
JavaScript
Canvas API
特にライブラリとかは使っていません。

k-menas(K平均法)

デモ


クラスタ数、ノード数、アニメーションフレームを変更することができます。
ブラウザを起動したまま、3日くらい放置するとメチャメチャ重くなるので注意。(どこかでメモリを食っている…)
デモ1 : Link

こんなバージョンも作った

まだ、ソースが汚いままなので、時間があるときにアップデートしたい。

デモ2 : Link

【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その1
【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その2
【JavaScript】K-meansをアニメーション・可視化したら蜘蛛みたいな動きをした|その3