D3.jsã§ä½œæˆã—ãŸã‚°ãƒ©ãƒ•(SVG)ã‚’ç”»åƒã¨ã—ã¦ä¿å˜ã™ã‚‹ - Tech-Sketch先日公開ã—㟠D3.jsã‚’ã¤ã‹ã£ã¦Data-Drivenã«ãƒªãƒƒãƒãªã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã‚’作æˆã—よㆠã®è¨˜äº‹ã§ã¯D3.jsã‚’ã¤ã‹ã£ã¦ã‚°ãƒ©ãƒ•ã‚’作æˆã—ã¾ã—ãŸã€‚本記事ã§ã¯D3.jsã§ä½œæˆã—ãŸSVGå½¢å¼ã®ã‚°ãƒ©ãƒ•ã‚’PNGå½¢å¼ã®ç”»åƒã¨ã—ã¦ä¿å˜ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ D3.jsã«ã¯CSVã‚„JSONãªã© 様々ãªãƒ‡ãƒ¼ã‚¿å½¢å¼ã‚’扱ã†ç‚ºã®ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ã‚¢ãƒ—リケーションã¸ã®çµ„ã¿è¾¼ã¿ãŒå®¹æ˜“ã§ã™ã€‚ã—ã‹ã—アプリケーションã¸ã®çµ„ã¿è¾¼ã¿ã¨ãªã‚‹ã¨ã€ã€ŒX月Xæ—¥ã®çŠ¶æ…‹ã®ã‚°ãƒ©ãƒ•ã‚’ä¿å˜ã—ã¦ãŠããŸã„ã€ã€ã€Œã‚°ãƒ©ãƒ•ã‚’資料ã«æ·»ä»˜ã—ãŸã„ã€ã¨ã„ã£ãŸè¦æœ›ã‚‚出ã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ å˜ç´”ã«ç”»é¢ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’å–å¾—ã™ã‚‹ä»¥å¤–ã§ã¯ Phantom.js を利用ã—ã¦ã‚ャプãƒãƒ£ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚„ Apache Batik を利用ã—ã¦SVGを変æ›ã™ã‚‹æ–¹æ³•ãªã©ãŒè€ƒãˆã‚‰ã‚Œã¾ã—ãŸãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã ã‘ã§å®Œçµã—ãªã„上ã€å®Ÿè£…ãŒå°‘々手間ã§ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}