D3.jsã§æ—¥æœ¬åœ°å›³ã‚’作æˆã—データをåæ˜ ã™ã‚‹ã‚µãƒ³ãƒ—ル（コãƒãƒ—レス地図） ｜ Tips Note by TAMå‰å›žã®è¨˜äº‹ã€ŒD3.jsã®ä½¿ã„æ–¹ã¨ã‚°ãƒ©ãƒ•ã‚’作æˆã™ã‚‹ã‚µãƒ³ãƒ—ルã€ã«å¼•ã続ãã€ä»Šå›žã‚‚D3.jsを使用ã—ã¾ã™ã€‚ 今回ã¯D3.jsを使用ã—ã¦ãƒ–ラウザ上ã«æ—¥æœ¬åœ°å›³ã‚’作æˆã—〠CSVファイルã«è¨˜è¼‰ã•ã‚ŒãŸæžœç‰©ã®éƒ½é“府県別出è·é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’åæ˜ ã—ã¦ã¿ã¾ã™ã€‚ ⇒サンプルデモ（平æˆ25年産 主è¦æžœæ¨¹éƒ½é“府県別出è·é‡ï¼‰ ã¾ãšã¯å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’準備ã—ã¾ã™ã€‚ [準備1] 地図データã®å–得（日本地図ã®åº§æ¨™ãƒ‡ãƒ¼ã‚¿ / JSONファイル） 日本地図ã¯åº§æ¨™ãƒ‡ãƒ¼ã‚¿ã‚’å…ƒã«SVGã®è¦ç´ を使用ã—ã¦ãƒ‘スを作æˆã—ã¾ã™ã€‚ ã²ã¨ã¤ã²ã¨ã¤åº§æ¨™ãƒ‡ãƒ¼ã‚¿ã‚’è¨å®šã™ã‚‹ã®ã¯å¤§å¤‰ãªã®ã§ã€ãƒ•ãƒªãƒ¼ã®åœ°ç†ãƒ‡ãƒ¼ã‚¿ã‚’使用ã—ã¾ã™ã€‚ フリーã®åœ°ç†ãƒ‡ãƒ¼ã‚¿ã¯ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã§å–å¾—ã§ãã¾ã™ã€‚ â—Natural Earth ã“ã®ã‚µã‚¤ãƒˆã§å–å¾—ã§ãるデータã¯Shapeå½¢å¼ãªã®ã§ã€ ã“れをブラウザ上ã§ä½¿ç”¨ã™ã‚‹ãŸã‚ã«ã€Shapeå½¢å¼â†’GeoJSON→TopoJSONã®é †ç•ªã§å¤‰æ›ã—ã¾ã™ã€‚ GeoJ
D3.js ã§æ—¥æœ¬åœ°å›³ã‚’æã - y_uti ã®ãƒ–ãƒã‚°
ã¿ã‚“ãªã§æ—©æŠ¼ã—クイズ - オンライン対戦クイズゲームアプリ
Streets with soviet names - data story and visualization by Texty -
{{#tags}}- {{label}}
{{/tags}}