私はd3.jsと他のいくつかを見てきましたが、これは私が探しているものに最も近いものです:
タイルは赤、黄、または緑です。データは、リアルタイムで更新されるデータベースから取得されたサーバーの正常性メトリックです。各タイルはサーバーと、ページが読み込まれたときのステータスを表します。ステータスは、健康を表す 100 などの単一の値である可能性が高く、エラーが発生するたびにその値が 5 程度減少します。
私にとって最も難しいのは、これをスケーラブルに保ちたいので、Web ページで効率的にタイルを生成する方法を理解することだと思います。ColdFusion を使用しCFLoopて各サーバーのタイルを作成し、JavaScript を使用してデータベースの内容に応じて色を付けることを考えました。または、jqueryをすべて実行してください。
このような表形式のデータの同様の「ヒートマップ」を作成した人はいますか?