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
インタラクティブ・データビジュアライゼーション
D3ã¯ã€ã‚¦ã‚§ãƒ–ページã«ãƒãƒ¼ãƒ‰ã—ãŸãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ãƒ“ジュアルを生æˆã™ã‚‹JavaScriptベースã®ãƒ„ールã§ã™ã€‚本書ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžã§ã¯ãªã„人々を対象ã¨ã—ã¦ã€D3を使ã£ãŸãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライゼーションã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ビジュアルã®ã‚¹ã‚ルã¯ã‚ã‚‹ã‚‚ã®ã®ãƒ‡ãƒ¼ã‚¿ã‚„コードをã„ã˜ã£ãŸã“ã¨ãŒãªã„アーティストやグラフィックデザイナã€ã¾ãŸã¯å¤§é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’æŒã£ã¦ã„ã‚‹ãŒãƒ“ジュアルやコードを相手ã«ã—ãŸã“ã¨ãŒãªã„ã‚¸ãƒ£ãƒ¼ãƒŠãƒªã‚¹ãƒˆã‚„ç ”ç©¶è€…ãªã©ã«ã¯ã€æœ¬æ›¸ãŒå¤§ã„ã«å½¹ç«‹ã¤ã§ã—ょã†ã€‚ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ãƒ¼ã‚¿ã®å¯è¦–化ã«ã¤ã„ã¦å¦ã³ãŸã„èªè€…ã«ã‚‚ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ã¯ã˜ã‚㫠本書ã§ã®è¡¨è¨˜ サンプルコードã®å¼•ç”¨ã«ã¤ã„㦠å•ã„åˆã‚ã›å…ˆ è¬è¾ž 1ç« ã€€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ 1.1　ãªãœãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライゼーションãªã®ã‹ 1.2　ãªãœã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã‹ 1.3　ãªãœå¯¾è©±çš„ã«ã—よã†ã¨ã„ã†ã®ã‹ 1.4　ãªãœã‚¦ã‚§ãƒ–上ã§ãªã®ã‹ 1.5　ã“ã®æœ¬ã¯ä½•ãªã®ã‹ 1.
D3.js ã® Data-Driven 㪠DOM æ“作ãŒãŠã‚‚ã—ã‚ã„
D3.js ã¯ã€Œãƒ“ジュアライズ用ã®ãƒ©ã‚¤ãƒ–ラリーã€ã ã¨ç´¹ä»‹ã•ã‚ŒãŒã¡ãªã‚“ã ã‘ã©ã‚‚ã€æ„外ã«ã‚‚ D3.js ã«ã¯ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹æ©Ÿèƒ½ãŒãªã„。 D3.js ã®ãƒˆãƒƒãƒ—ページã«ã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ã„ã¦ã‚る。 D3.js ã¯ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ãƒ‰ã‚ュメントを生æˆã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリーã§ã™ã€‚D3 㯠HTML, SVG, CSS を使ã£ã¦ãƒ‡ãƒ¼ã‚¿ã«å‘½ã‚’å¹ãè¾¼ã¿ã¾ã™ã€‚Web 標準をé‡è¦è¦–ã—ã¦ã„ã‚‹ã®ã§ã€ç‹¬å çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ç¸›ã‚‰ã‚Œã¾ã›ã‚“。強力ãªãƒ“ジュアライズ用ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ data-driven 㪠DOM æ“ä½œæ‰‹é †ã‚’çµ„ã¿åˆã‚ã™ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ ブラウザーã®èƒ½åŠ›ã‚’最大é™ã«æ´»ç”¨ã§ãã¾ã™ã€‚ D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - c3js/c3: :bar_chart: A D3-based reusable chart library
GitHub - caged/d3-tip: d3 tooltips
http://ja.d3js.info/skybluetrades/
qfind.net
Learn D3.js From Scratch - DashingD3js
http://daily.d3js.info/?p=296
{{#tags}}- {{label}}
{{/tags}}