Web上ã§ãƒ’ートマップを簡å˜ã«å®Ÿç¾ã™ã‚‹HTML5/JavaScriptライブラリ「heatmap.js〠- MOONGIFT|オープンソース・ソフトウェア紹介を軸ã¨ã—ãŸITエンジニアã€Webデザイナーå‘ã‘ブãƒã‚°heatmap.jsã¯Webベースã®ãƒ’ートマップ表示ライブラリ。 heatmap.jsã¯HTML5/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。グラフã«ã¯æ§˜ã€…ãªç¨®é¡žãŒã‚ã‚‹ãŒã€ã¨ã‚Šã‚ã‘作るã®ãŒé›£ã—ãã†ãªã‚°ãƒ©ãƒ•ã«ãƒ’ートマップãŒã‚る。一定ã®ç¯„囲ã«ãŠã‘る影響度を表ç¾ã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ã®å‹•ãã‚’å¯è¦–化ã™ã‚‹ã®ã«ä½¿ã‚ã‚ŒãŸã‚Šã™ã‚‹ã€‚ デモ å‹•ç·šã‚’å¯è¦–化ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚µã‚¤ãƒˆã®æµã‚Œã‚’変ãˆãŸã‚Šã€åº—ã®å•†å“é…置を変ãˆã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã‚‚ãªã‚Šãˆã‚‹ã€‚ãã‚“ãªãƒ’ートマップを表示ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリãŒheatmap.jsã 。 heatmap.jsã¯Webブラウザ上ã§æŒ‡å®šã—ãŸç¯„囲（画åƒãªã©ï¼‰ã®ä¸Šã«ãƒ’ートマップを表示ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã 。マウスã®å‹•ãã«åˆã‚ã›ãŸã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã§ãƒ’ートマップデータを作るã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ã‚¯ãƒªãƒƒã‚¯å ´æ‰€ã‚’ãƒˆãƒ©ãƒƒã‚ングã—ã¦ãŠã‘ã°ã€å…ƒãƒ‡ãƒ¼ã‚¿ã‚’集ç©ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€‚ 地図ã¨ã®çµ„ã¿åˆã‚ã› ç”»åƒã ã‘ã§ãªãã€åœ°å›³ã®ä¸Šã«ãƒ¬ã‚¤
ヒートマップãŒæç”»ã§ãã‚‹HTML5 canvasベースã®JSライブラリ「heatmap.jsã€:phpspot開発日誌
[JS]Canvasを使ã£ã¦ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ’ートマップをæãスクリプト -real time heatmap
{{#tags}}- {{label}}
{{/tags}}