bl.ocks.org - shimizuYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
D3.js + Google Map API ã§ãƒ’ートマップ表示
1. ã¯ã˜ã‚㫠“Jsonファイルã®ãƒ‡ãƒ¼ã‚¿ã‚’D3.jsã§èªã¿è¾¼ã¿ã€ GoogleMapã«ãƒ’ートマップã¨ã—ã¦é…ç½®ã™ã‚‹â€ 8/4ã®æŠ•ç¨¿(Google Map Apiã§åœ°å›³ã«ãƒ‡ãƒ¼ã‚¿ã‚’é…ç½®ã™ã‚‹åˆæ©çš„ãªãƒ¡ãƒ¢)ã§ã¯GoogleMapApiを用ã„ã¦Googleマップ上ã«ãƒ”ンやヒートマップをæç”»ã™ã‚‹æ–¹æ³•ã‚’メモã—ã¾ã—ãŸã€‚今回ã¯ã‚ˆã‚Šå®Ÿç”¨çš„ã«ã€ãƒ’ートマップãªã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’Jsonファイルã¨ã—ã¦æº–å‚™ã—ã€D3.jsã§èªè¾¼ã‚“ã§æç”»ã™ã‚‹å‡¦ç†ã‚’メモã—ã¾ã™ã€‚å‰å›žã®ã‚³ãƒ¼ãƒ‰ã¨æ¯”較ã™ã‚‹ã¨ã€æœ€è¿‘å„所ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹D3.jsãŒãƒ‡ãƒ¼ã‚¿ã®ãƒãƒ¼ãƒ‰ã«é™ã‚Œã°ã¨ã¦ã‚‚シンプルã«åˆ©ç”¨ã§ãã‚‹ã“ã¨ãŒåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ GoogleMapAPIを使用ã™ã‚‹éš›ã®åˆ¶é™ãªã©ã¯å‰å›žåŒæ§˜ã€‚使用許諾をå‚ç…§ã—ã¦ãã ã•ã„。 2. データ 次ã®ãƒ‡ãƒ¼ã‚¿ã‚’「heatdata.jsonã€ã¨ã„ã†åå‰ã§ã‚¹ã‚¯ãƒªãƒ—トã¨åŒã˜ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã—ã¾ã™ã€‚å‰å›žã‚¹ã‚¯ãƒªãƒ—ト内ã§ä½¿ç”¨ã—ãŸJsonコードã¯ã‚¨ãƒ©
C3.jsãŒå®Ÿç¾ã™ã‚‹ï¼Œå¦ç¿’ä¸è¦ã®ã‚°ãƒ©ãƒ•æ©Ÿèƒ½
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
C3.js | D3-based reusable chart library
Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Controllable C3 provides a variety of APIs and callbacks to access th
Backbone.js+D3.jsã§ãƒ‡ãƒ¼ã‚¿ã®å¯è¦–化ã€æº–備編】 - yutaponã®ãƒ–ãƒã‚°
先週ã¯node.jsã§ãƒ‹ã‚³å‹•ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°æƒ…å ±ã‚’JSONå–å¾—ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’書ãã¾ã—ãŸãŒã€ 今回ã¯ãã®ãƒ‡ãƒ¼ã‚¿ã‚’使ã£ã¦æ£’グラフを書ãã£ã¦ã¨ã“ã‚ã¾ã§ã‚„ã‚Šã¾ã™ã€‚ （d3.jsã®äº‹å‰çŸ¥è˜ã¯å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’èªã‚“ã ãらã„ã§ã™ã€‚） 普通ã«d3.js使ã£ã¦ã‚‚é¢ç™½ãç„¡ã„ã®ã§ã€Backbone.jsã¨RequireJS使ã£ã¦ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ ソースを全部上ã’ã‚‹ã«ã¯å¤§ãããªã£ã¦ããŸã®ã§githubã«ç½®ã„ã¨ãã¾ã—ãŸã€‚ yussk/nicoranking2d3 · GitHub ※ã¾ã ã¾ã 未完æˆã€ãªã®ã§æº–備編。 ç¾çŠ¶ã§å‡ºåŠ›ã•ã‚Œã‚‹ã‚°ãƒ©ãƒ•ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚（マイリスã®çµ¶å¯¾æ•°ã®ã‚°ãƒ©ãƒ•ï¼‰ ã—ょã¼ã„。 ã¯ã˜ã‚㫠先週書ã„ãŸnode.jså´ã®ã‚½ãƒ¼ã‚¹ã‚’å°‘ã—ä¿®æ£ã—ã¦ã¾ã™ã€‚ アクセスã®ãŸã³ã«100件ã®å‹•ç”»è©³ç´°ã‚’å–ã‚Šã«è¡ŒãXHRを防ããŸã‚〠2回目以é™ã¯ãƒãƒ¼ã‚«ãƒ«ã®jsonã‚’å–å¾—ã™ã‚‹ã‚ˆã†å¤‰æ›´ã—ã¾ã—ãŸã€‚ ã‚¿ã‚°æƒ…å ±ã‚’è¿”ã™éƒ¨åˆ†ã‚‚æ–‡å—列型ã¨ã‚ªãƒ–ジェ
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}