[B! d3] korinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

korin id:korin

d3ã«é–¢ã™ã‚‹korinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿å¯è¦–åŒ–å®Ÿè·µå…¥é–€ã¨ã„ã†æœ¬ã‚’æ›¸ã„ãŸ - ã‚ã‚“ã¡ã¹ï¼
2014/10/14 è¿½è¨˜ æœ¬æ›¸87ãƒšãƒ¼ã‚¸ã«ã€Œæ¯æ•°ã€ã¨ã„ã†å˜èªžãŒè¤‡æ•°å›žå‡ºã¦ãã¾ã™ãŒã€ ã“ã‚Œã¯å…¨ã¦ã€Œåˆ†æ¯ã€ã¨ã™ã¹ãã§ã—ãŸã€‚*1 é€šå¸¸ã€çµ±è¨ˆå¦ã®æ–‡è„ˆã§ã¯ã€æ¯æ•°ã¯å„ç¢ºçŽ‡åˆ†å¸ƒã‚’ç‰¹å¾´ä»˜ã‘ã‚‹å¤‰æ•°ã‚’æŒ‡ã™å˜èªžã§ã‚ã‚Šã€ ä¾‹ãˆã°æ£è¦åˆ†å¸ƒã¯å¹³å‡ã¨åˆ†æ•£ã¨ã„ã†äºŒã¤ã®æ¯æ•°ã«ã‚ˆã£ã¦å½¢çŠ¶ãŒæ±ºå®šã•ã‚Œã¾ã™ã€‚ æ±ºã—ã¦æ¯æ•°ã¨åˆ†æ¯ï¼ˆã‚ã‚‹ã„ã¯å…¨æ•°ï¼‰ã¨èª¤è§£ã—ã¦ã¯ãªã‚Šã¾ã›ã‚“ã€‚ ã—ã‹ã—æ¯æ•°ã¨åˆ†æ¯ã‚’æ··åŒã™ã‚‹ã“ã¨ã¯æœ¬å½“ã«ã‚ˆãã‚ã‚‹ã“ã¨ã§ã€ æœ¬æ›¸ã¯ã“ã®ã‚ˆã†ãªé »å‡ºã™ã‚‹èª¤è§£ã‚’è¨‚æ£ã—ã€ çš†æ§˜ãŒçµ±è¨ˆã‚’ç”¨ã„ã‚‹éš›ã®å¤±æ•—ã‚’ä¸€ã¤ã§ã‚‚æ¸›ã‚‰ã™ ã¨ã„ã†ç›®çš„ã§åŸ·ç†ã«è‡³ã£ãŸã«ã‚‚æ‹˜ã‚‰ãšã€ ã¾ã•ã‹æœ¬æ›¸ã§ã“ã®ã‚ˆã†ãªé‡å¤§ãªå¤±æ•—ã‚’ã—ã¦ã—ã¾ã£ãŸã“ã¨ã«å¯¾ã— å¿ƒã‹ã‚‰ãŠè©«ã³ç”³ã—ä¸Šã’è¨‚æ£ã•ã›ã¦é ‚ãã¾ã™ã€‚ ãªãŠã€å•é¡Œå€‹æ‰€ã®è¨˜è¿°ã¯å…±è‘—è€…ã®æ£®è—¤æ°ã§ã¯ãªã ç§ãŒè¨˜è¿°ã—ãŸã‚‚ã®ã§ã‚ã‚Šã€å…¨è²¬ä»»ã¯ç§ã«ã‚ã‚Šã¾ã™ã€‚ æœ¬ã‚’æ›¸ãã«å½“ãŸã‚Šã€èª¤å—è„±å—ã‚„è¨€ã„å›žã—ã®ä¸å‚™ã¯å‡ºæ¥ã‚‹é™ã‚Šç„¡ãã™ã¹ãã§ã™ãŒã€ äººé–“ã§ã‚ã‚‹ãŸã‚ãƒŸã‚¹ã‚’ã™
korin 2015/10/08
JavaScript

d3

å¯è¦–åŒ–
ãƒªãƒ³ã‚¯
http://ja.d3js.info/blocks/mike/chart/
korin 2014/12/15
d3

javascript
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¯ã˜ã‚ã‚‹ãŸã‚ã®ãƒ•ãƒªãƒ¼ã®ãƒ„ãƒ¼ãƒ«ãƒ»æƒ…å ±æº20é¸ â€“ lab.sugimototatsuo.com
ãŠçŸ¥ã‚‰ã› (2015å¹´9æœˆ30æ—¥ï¼‰ æ—¥çµŒãƒ“ãƒƒã‚°ãƒ‡ãƒ¼ã‚¿ç™ºè¡Œã®ã€Žãƒ‡ãƒ¼ã‚¿ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®æ•™ç§‘æ›¸ã€ï¼ˆ2014å¹´12æœˆç™ºå£²ï¼‰ã®è¨˜äº‹ã€Œãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ãƒ•ãƒªãƒ¼ãƒ„ãƒ¼ãƒ«åŽ³é¸20ã€ï¼ˆP.102ï½ž105ï¼‰ã«ãŠã„ã¦ã€æœ¬è¨˜äº‹ã®ç¿»è¨³æ–‡ãŒç›—ç”¨ã•ã‚Œã€æ”¹å¤‰ã®éŽç¨‹ã§èª¤è¨³ãŒç”Ÿã˜ã¦ã„ã¾ã—ãŸã€‚è©³ã—ãã¯ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ã€Žãƒ‡ãƒ¼ã‚¿ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®æ•™ç§‘æ›¸ã€ï¼ˆæ—¥çµŒBPãƒ ãƒƒã‚¯ï¼‰ã«ã¤ã„ã¦ãŠè©«ã³ã¨è¨‚æ£ï¼ˆæ—¥çµŒBPç¤¾ã‚µã‚¤ãƒˆï¼‰ ã“ã®è¨˜äº‹ã¯The top 20 data visualisation toolsã®åŽŸè‘—è€…è¨±è«¾æ¸ˆã¿ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ Brian SudaãŒã€ãƒ‡ãƒ¼ã‚¿ã‚’ã‚¯ãƒªãƒ¼ãƒ³ã‚¢ãƒƒãƒ—ã—ã€ã™ã¦ããªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹20ã®ãƒ„ãƒ¼ãƒ«ã¨å¦ç¿’æƒ…å ±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Original Article by Brian Suda. Translated by Tatsuo Sugimoto. ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ•ãƒªãƒ¼ã§
korin 2014/06/09
js

d3

chart

visualization
ãƒªãƒ³ã‚¯
http://daily.d3js.info/?p=587
korin 2014/01/06
d3

JavaScript
ãƒªãƒ³ã‚¯
ã€D3.jsã€‘è¤‡æ•°ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿(éžåŒæœŸå‡¦ç†)ã‚’ã¾ã¨ã‚ã‚‹
d3ã§è¤‡æ•°ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ã‚¡ã‚¤ãƒ«(jsonã‚„csv)ã‚’èªã¿è¾¼ã‚€å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«é™¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ d3.json('test.json', function(json){ d3.csv('test1.csv', function(csv1){ d3.csv('test2.csv', function(csv2){ d3.csv('test3.csv', function(csv3){ d3main(json, csv1, csv2, csv3); }); }); }); }); function d3main(){ var data = Array.prototype.slice.call(arguments); }
korin 2013/10/18
JavaScript

d3
ãƒªãƒ³ã‚¯
å¯è¦–åŒ–å‘¨è¾ºã®é€²åŒ–ãŒãƒ¤ãƒ´ã‚¡ã‚¤ï½žrChartsã‚’ä¸å¿ƒã¨ã—ã¦ï½ž
25. ãã®ä»–ï¼šR+javascriptã§å¯è¦–åŒ– â€¢ clickme(ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«è§¦ã‚Œã‚‹éƒ¨åˆ†å¤šã—ï¼‰ â€“ https://github.com/nachocab/clickme â€¢ rVega â€“ https://github.com/metagraf/rVega â€¢ G3Plot(d3.js + shinyã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸) â€“ https://github.com/alexbbrown/g3plot-1 â€“ http://glimmer.rstudio.com/alexbbrown/g3plot/ â€¢ rNVD3(rChartsã«åŒæ©Ÿèƒ½ã‚ã‚Šã€é–‹ç™ºåœæ¢) â€“ https://github.com/ramnathv/rNVD3 â€¢ rHighchartsï¼ˆrChartsã«åŒæ©Ÿèƒ½ã‚ã‚Šã€é–‹ç™ºåœæ¢ï¼Ÿï¼‰ â€“ https://github.com/metagraf/rHighcharts 25
korin 2013/06/05
R Notebook with rChartsã¨ã¯ã€‚ipython notebookã™ã”ã„ã¨æ€ã£ãŸã‘ã‚Œã©ã€ãã£ã¡ã®æ¥ç•Œã§ã¯ã“ã®ã‚¸ãƒ£ãƒ³ãƒ«ã®ã‚‚ã®ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚“ã ãªã€‚

github

install

d3

R
ãƒªãƒ³ã‚¯
ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ä¸ã«D3.jsã‚’å¦ã³ãŸã„æ–¹ã«ãŠå‹§ã‚ãªåŽ³é¸ã¾ã¨ã‚
ã€Œãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆD3.jsï¼‰ã‚’å¦ã¶ãŸã‚ã®æ•™æã¾ã¨ã‚ã€ã‚‚å¤§åˆ†é‡ãŒå¢—ãˆã¦ãã¦ã€åˆã‚ã¦D3.jsã‚’å¦ã¶ã¨ã„ã†äººã«ã¯ã©ã“ã‹ã‚‰æ‰‹ã‚’ã¤ã‘ã¦è‰¯ã„ã‚‚ã®ã‹è§£ã‚Šã¥ã‚‰ããªã£ã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ä¸ã«D3.jsã‚’å¦ã‚“ã§ã¿ãŸã„ã¨ã„ã†æ–¹ã«ã€ã„ãã¤ã‹åŽ³é¸ã—ã¦ãŠå‹§ã‚ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’çœºã‚ã‚‹ ã¾ãšã¯D3.jsãŒã©ã‚“ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã®ã‹æŠŠæ¡ã—ã¾ã—ã‚‡ã†ã€‚ ãƒ»about d3.js ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å¦ã¶ ã¨ã‚Šã‚ãˆãšåˆ†é‡ãƒ»å†…å®¹çš„ã«ä¸‹è¨˜ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒãŠå‹§ã‚ã§ã™ã€‚ ãƒ»D3 ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï½œã‚¹ã‚³ãƒƒãƒˆãƒ»ãƒžãƒ¬ã‚¤ï½œalignedleft ä½™è£•ãŒã‚ã£ã¦ã„ã‚ã‚“ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©ãƒ•ã‚’æã„ã¦ã¿ãŸã„ãªã‚‰ã€ä¸‹è¨˜ã‚µã‚¤ãƒˆã‚’ã€‚ ãƒ»svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆã‚’ä½¿ã£ã¦å®Ÿè·µ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’æ‰‹è»½ã«è©¦ã™ãªã‚‰ã€ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ã®ãŒæ¥½ãƒãƒ³ã§ã™ã€‚ jsdo.it, jsfiddle, Tr
korin 2013/04/28
d3

js
ãƒªãƒ³ã‚¯
this is my blog: Rickshawã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®ä¿ºçš„Tips
2012å¹´5æœˆ14æ—¥æœˆæ›œæ—¥ Rickshawã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®ä¿ºçš„Tips Rickshawã¯d3.jsã‚’åˆ©ç”¨ã—ã¦ã‚¤ã‚«ã—ãŸã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹ã™ã”ã„ã‚„ã¤ã€‚ Rickshaw: http://code.shutterstock.com/rickshaw/ d3.js: http://d3js.org/ Rickshawã®ç´¹ä»‹è¨˜äº‹ï¼šhttp://gigazine.net/news/20111212-rickshaw/ ä½¿ã„æ–¹ã‚‚ãã‚“ãªã«é›£ã—ããªãã¦ã€åŸºæœ¬çš„ã«ã¯Exampleé€šã‚Šã«ã‚„ã‚Œã°æ™®é€šã«ä½¿ãˆã‚‹ã€‚ ä½¿ãˆã‚‹ã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨ã“ã®ã¸ã‚“å¼„ã‚ŠãŸã„ãªã€ã¨æ€ã†ã¨ã¨ãŸã‚“ã«ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ããªã‚‹ï¼ˆã‚ˆã†ãªæ°—ãŒã™ã‚‹ï¼‰ã€‚ãã‚Œã¯è§£èª¬ãŒè‹±èªžã ã‹ã‚‰ã£ã¦ã®ã‚‚ã‚ã‚‹ã‘ã©ã€ä½•ã‚ˆã‚Šãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒç„¡ã„ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šå›žã¯è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã¨ã—ã¦rickshaw.jsã®ä½¿ã„æ–¹ã‚’è¨˜è¼‰ã™ã‚‹ã€‚ ãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚ºã•ã‚ŒãŸæ™‚é–“ã‚’è¡¨ç¤ºã™ã‚‹ã€‚ Tutoria
korin 2013/01/08
slider

d3

js
ãƒªãƒ³ã‚¯
1