[B! graph] moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

moqada id:moqada

graphã«é–¢ã™ã‚‹moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

${{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}}

æ—¥æœ¬ã®ä¸å¿ƒã¯ã©ã®çœŒã ï¼Ÿã‚°ãƒ©ãƒ•ç†è«–ï¼ˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ï¼‰ã®åŸºæœ¬çš„ãªè«¸æ¦‚å¿µ - ã‚¢ã‚¸ãƒžãƒ†ã‚£ã‚¯ã‚¹
ï¼±ï¼šã“ã‚Œã¯ä½•ã®æ§‹é€ ã‚’è¡¨ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ï¼Ÿ ã‚°ãƒ©ãƒ•ç†è«– ä¸Šã®æ§‹é€ ã®ã‚ˆã†ã«ã€é ‚ç‚¹ï¼ˆãƒŽãƒ¼ãƒ‰ã¨ã‚‚ã„ã„ã¾ã™ï¼‰ã®é›†ã¾ã‚Šã¨ã€ï¼’ã¤ã®é ‚ç‚¹ã‚’ã¤ãªãè¾ºï¼ˆã‚¨ãƒƒã‚¸ã¨ã‚‚ã„ã„ã¾ã™ï¼‰ã®é›†ã¾ã‚Šã§ã§ããŸã‚‚ã®ã®ã“ã¨ã‚’ã€Œã‚°ãƒ©ãƒ•ã€ã‚ã‚‹ã„ã¯ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã€ã¨å‘¼ã³*1ã€ã“ã®ã‚ˆã†ãªæ§‹é€ ã‚’ç ”ç©¶ã™ã‚‹åˆ†é‡Žã“ããŒã€Œã‚°ãƒ©ãƒ•ç†è«–ï¼ˆGraph theoryï¼‰ã€ã§ã™ã€‚ä»Šå›žã¯ãã‚“ãªã‚°ãƒ©ãƒ•ã‚’ä½¿ã†ã¨ã€èº«è¿‘ãªã‚‚ã®ã®æ–°ãŸãªå´é¢ãŒè¦‹ãˆã¦ãã‚‹è©±ã€‚ ï¼ˆä½™è«‡ã§ã™ãŒã€Œã‚°ãƒ©ãƒ•ã€ã¨ã„ã†ç”¨èªžã¯ã€æ•°å¦ã ã¨é–¢æ•°ã®ã‚°ãƒ©ãƒ•ã¨ã‹å††ã‚°ãƒ©ãƒ•ã¿ãŸã„ãªã‚„ã¤ã‚‚ã‚ã£ã¦æ¤œç´¢ç²¾åº¦ãŒæ‚ªã„ã§ã™ã€‚ã‚°ãƒ©ãƒ•ç†è«–ã«é–¢ã—ã¦ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒã‚ã£ãŸå ´åˆã«ã€Œã‚°ãƒ©ãƒ•ã€€â—‹â—‹ã€ã‚„ã€Œã‚°ãƒ©ãƒ•ç†è«–ã€€â—‹â—‹ã€ã¨ã‚°ã‚°ã‚‹ã‚ˆã‚Šã‚‚ã€ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã€€â—‹â—‹ã€ã¨ã‚°ã‚°ã£ãŸã»ã†ãŒå¾—ãŸã„æƒ…å ±ã«ãƒªãƒ¼ãƒã—ã‚„ã™ã„ã¨ã„ã†ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ï¼‰ ã•ã¦ã€å†’é ã®ã‚°ãƒ©ãƒ•ã§ã™ã€‚ã‚°ãƒ©ãƒ•ç†è«–ã®çŸ¥è˜ãªã‚“ã‹ã²ã¨ã¤ã‚‚ãªãã¦ã‚‚ã€ã“ã®ã‚°ãƒ©ãƒ•ã‹ã‚‰èªã¿å–ã‚Œã‚‹ã“ã¨ã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã€‚ä¾‹
moqada 2018/04/14
graph
ãƒªãƒ³ã‚¯
GitHub - unsplash/react-trend: ðŸ“ˆ Simple, elegant spark lines
You 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
moqada 2017/02/25
react

graph
ãƒªãƒ³ã‚¯
Victory - React Charting Components
VictoryIntuitive React components for advanced charting and data visualization. FeaturesRobustArea charts. Scatter plots. Voronoi polygons. Easy-to-use components for complex charting.FlexibleFully contained, reusa ble data visualization elements are responsible for their own styles and behaviors.NativeExtend the Victory experience on Android and iOS platforms with an identical API.Documentation
moqada 2016/12/09
graph

chart

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

chart

javascript
ãƒªãƒ³ã‚¯
GitHub - swiftcarrot/react-progress-label: Progress component for React and React Native
moqada 2015/08/12
react

graph

visualization

svg
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ•ã®ä½œã‚Šæ–¹è¬›åº§ï¼ˆæ±äº¬ã¯æš‘ããªã£ã¦ã„ã‚‹ã®ã‹å•é¡Œã‚’ä¾‹ã«ï¼‰
æ°—è±¡åºã‹ã‚‰1950å¹´ä»¥é™ã®å¤ã®ï¼ˆå¹³å‡ï¼‰æ°—æ¸©ãƒ‡ãƒ¼ã‚¿ã‚’å–ã£ã¦ãã¦ãƒ—ãƒãƒƒãƒˆã—ã¦ã¿ã‚‹ã¨ å¹³å‡æ°—æ¸©ã‚’ã‚»æ°0â„ƒï½ž40â„ƒã®ã‚¹ã‚±ãƒ¼ãƒ«ã§ã‚°ãƒ©ãƒ•ã«ã—ã¦ã¿ã‚‹ã¨ã€ç¢ºã‹ã«å¹´ã”ã¨ã®å¤‰å‹•ä»¥ä¸Šã®ã‚‚ã®ã¯è¦‹ãˆãªã„ã‚ˆã†ãªæ°—ã‚‚ã—ã¾ã™ æ–‘çŒ«è³¢äºŒ(HAN-NEKO,Kenji) ðŸ’œðŸ’™ðŸ’›ðŸŸ ðŸŒˆðŸŽŒðŸ‡·ðŸ‡ºðŸ‡ºðŸ‡¦ @Tvvitter_com ã€Œã»ã‚“ã®30å¹´å‰ã¯ã‚¯ãƒ¼ãƒ©ãƒ¼ã‚‚ãªã„ã®ã«ã¿ã‚“ãªæ™®é€šã«ç”Ÿæ´»ã—ã¦ã„ãŸã€30åº¦ã‚’è¶…ãˆã‚‹ç«ã¯çã—ãçŒ›æš‘æ—¥ã¨ã„ã†è¨€è‘‰ã‚‚ãªã‹ã£ãŸã€è¿‘å¹´æš‘ããªã£ãŸã€ ã¨ã„ã†è©±ã‚’å°è€³ã«ã¯ã•ã‚“ã ã®ã§ã€æ°—è±¡åºã‹ã‚‰1950å¹´ä»¥é™ã®å¤ã®æ°—æ¸©ãƒ‡ãƒ¼ã‚¿ã‚’ã¨ã£ã¦ãã¦ãƒ—ãƒãƒƒãƒˆã—ã¦ã¿ãŸ pic.twitter.com/x6rx7cbNAt 2015-08-03 10:46:17
moqada 2015/08/12
graph
ãƒªãƒ³ã‚¯
Dashboards by Keen IO â€“ ã‚°ãƒ©ãƒ•ã‚’å¤šç”¨ã—ãŸBootstrapç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
BootstrapãŒç‰¹ã«æ´»ã‹ã•ã‚Œã¦ã„ã‚‹å ´é¢ã¨ã„ã†ã¨ã€ç®¡ç†ç”»é¢ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã“ã¾ã§ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã“ã ã‚ã‚‰ãªãã¦ã‚ˆãã€æƒ…å ±è¨è¨ˆãŒãã¡ã‚“ã¨ã§ãã¦ã„ã‚Œã°è¦‹æ „ãˆã®è‰¯ã„UIãŒä½œæˆã§ãã¾ã™ã€‚é–‹ç™ºè€…è‡ªã‚‰ãŒè¨è¨ˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã®ãŒæ‰‹è»½ã§è‰¯ã„ã§ã™ã€‚ ãã‚“ãªBootstrapã‚’ä½¿ã£ãŸç®¡ç†ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¤šæ•°ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã‚’ç‰¹ã«æƒ³å®šã—ã¦ã„ã‚‹Dashboards by Keen IOã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Dashboards by Keen IOã®ä½¿ã„æ–¹ ã¾ãšã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Dashboards by Keen IOã¯Bootstrap 3.2ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚Bootstrapã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã¯æ—©ã„ã®ã§ã“ã®è¾ºã‚Šã®å¯¾å¿œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒã‚§ãƒƒã‚¯ã‚‚å¿˜ã‚Œãªã„ã‚ˆã†ã«ã—ã¾ã—ã‚‡ã†ã€‚ Dashboards by Keen IOã¯HTML5/JavaScriptè£½ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹
moqada 2015/02/04
dashboard

graph
ãƒªãƒ³ã‚¯
Rubix - ReactJS Powered Admin Template - WrapBootstrap
**Rubix** is a responsive, webapp, admin template powered by **Facebook's ReactJS** and **Bootstrap**. It has a huge collection of composable React UI components (most of the Bootstrap components have
moqada 2015/01/28
react

admin

graph
ãƒªãƒ³ã‚¯
Visualization is for Sharing: Using React for Portable Data Visualization | Viget
Data visualization has become a more frequent element of our work at Viget. Be it simple pie charts or beautiful maps displaying jersey sales, visually representing data in a compelling way is a great device for storytelling and provides rich fuel for social sharing. Yet making these illustrations fast, shareable, and accessible has its challenges. Although browsers are powerful, tightly coupling
moqada 2015/01/28
react

visualization

graph
ãƒªãƒ³ã‚¯
ab ã‚’ç”¨ã„ãŸç°¡æ˜“çš„ãªæ€§èƒ½ãƒ»è² è·ãƒ†ã‚¹ãƒˆã®é››å½¢
Web ã‚µãƒ¼ãƒ“ã‚¹ã‚’ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã«ã‚ãŸã‚Šé¿ã‘ã¦ã¯é€šã‚Œãªã„ï¼ˆé¿ã‘ã¦é€šã£ã¦ã¯ã„ã‘ãªã„ï¼‰æ€§èƒ½ãƒ»è² è·ãƒ†ã‚¹ãƒˆå·¥ç¨‹ã€‚ ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ãƒ•ã‚©ãƒ¼ãƒ«ã‚„ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«ãªã©é–‹ç™ºæ‰‹æ³•ã¯æ§˜ã€…ã‚ã‚Šã¾ã™ãŒã€ç¾å®Ÿå•é¡Œã€æ¦‚ãé–‹ç™ºå·¥ç¨‹ãŒé…å»¶ã™ã‚‹å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚ãªã‚“ã¨ã‹å˜ä½“ãƒ†ã‚¹ãƒˆãƒ»çµåˆãƒ†ã‚¹ãƒˆãƒ»ã‚·ã‚¹ãƒ†ãƒ ãƒ†ã‚¹ãƒˆã¯ã‚„ã‚Šãã‚‹ã‚‚ã®ã®ã€åŠ›å°½ãã¦æ€§èƒ½ãƒ»è² è·ãƒ†ã‚¹ãƒˆã‚’å®Ÿæ–½ã›ãšã«ãƒªãƒªãƒ¼ã‚¹ãƒ»ãƒ»ãƒ»ãªã‚“ã¦ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãã‚“ãªå ´åˆã«é™ã£ã¦ã€ãƒªãƒªãƒ¼ã‚¹ç›´å¾Œã«é«˜è² è·ã§ã‚µãƒ¼ãƒ“ã‚¹ãƒ€ã‚¦ãƒ³ãƒ»ãƒ»ãƒ»ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ ãã†ãªã‚‰ãªã„ãŸã‚ã«æ€§èƒ½ãƒ»è² è·ãƒ†ã‚¹ãƒˆã¯å¿…ãšå®Ÿæ–½ã™ã¹ãé …ç›®ã§ã™ã€‚ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ JMeter ãŒãƒ¡ã‚¸ãƒ£ãƒ¼ã§ã™ãŒã‚·ãƒŠãƒªã‚ªä½œã£ãŸã‚Šã€ä½¿ã„æ–¹è¦šãˆãŸã‚Šã¨ã€æ£ç›´é¢å€’ã§ã™ã€‚ã§ã‚‚ apache bench ãªã‚‰ä½¿ã£ãŸã“ã¨ã‚ã‚‹ã—çŸ¥ã£ã¦ã‚‹ï¼ã¨ã„ã†æ–¹ã‚‚å¤šã„ã“ã¨ã§ã—ã‚‡ã†ã€‚ãã“ã§åƒ•ãŒ "ç°¡æ˜“çš„" ã«æ€§èƒ½ãƒ»è² è·ãƒ†ã‚¹ãƒˆã§ä½¿ã£ã¦ã„ã‚‹æ–¹æ³•ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ab ã‚’ç”¨ã„ãŸç°¡æ˜“çš„ãªæ€§èƒ½ãƒ»è²
moqada 2014/01/22
performance

graph

apachebench
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªå††ã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã‚‹ã€ŒPizza Pie Chartsã€:phpspoté–‹ç™ºæ—¥èªŒ
Pizza Pie Charts | Playground from ZURB ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªå††ã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã‚‹ã€ŒPizza Pie Chartsã€ æ¬¡ã®ã‚ˆã†ãªå††ã‚°ãƒ©ãƒ•ã€ãƒ‰ãƒ¼ãƒŠãƒ„åž‹ã®å††ã‚°ãƒ©ãƒ•ãŒæç”»å¯èƒ½ã€‚ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã«å¿œã˜ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«å‹•ä½œã™ã‚‹ä»–ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦æœ€é©ãªã‚µã‚¤ã‚ºã«ãƒªã‚µã‚¤ã‚ºã•ã‚Œã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ä»•æ§˜ã€‚ ã‚°ãƒ©ãƒ•ã‚‚å½“ç„¶ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã—ã¦ã„ãŸã»ã†ãŒä½¿ã„ã‚„ã™ã„ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¯ãƒ¼ãƒ«ãªå††ã‚°ãƒ©ãƒ•æç”»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPie Chartã€ ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒç°¡å˜ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒè‰²ã€…æã‘ã‚‹ã€ŒEmber Chartsã€ ã‚¯ãƒ¼ãƒ«ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹HTML5ãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒChart.jsã€
moqada 2013/12/04
responsive

graph

javascript
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¯ãƒ¼ãƒ«ãªå††ã‚°ãƒ©ãƒ•æç”»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPie Chartã€:phpspoté–‹ç™ºæ—¥èªŒ
Pie Chart jQuery Plugin - Flat Framework ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¯ãƒ¼ãƒ«ãªå††ã‚°ãƒ©ãƒ•æç”»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPie Chartã€ æ¬¡ã®ã‚ˆã†ãªãƒ•ãƒ©ãƒƒãƒˆã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒ•ãƒ©ãƒƒãƒˆã£ã¦ãªã‚“ã§ã“ã‚“ãªã«ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã«ã‚«ãƒƒã‚³ã„ã„ã‚“ã§ã—ã‚‡ã†ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç·šã‚°ãƒ©ãƒ•ã‚’æãã ã‘ã®è»½é‡ã‚°ãƒ©ãƒ•æç”»JSã€ŒAristochartã€ ã‚¯ãƒ¼ãƒ«ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹HTML5ãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒChart.jsã€ ã©ã‚“ãªãƒ‡ãƒ¼ã‚¿ã‚‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚°ãƒ©ãƒ•ã«ã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒFnordMetricã€ ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ã‚°ãƒ©ãƒ•ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
moqada 2013/11/15
jquery

plugin

graph
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ„ãƒ¼ãƒ«20é¸ â€“ lab.sugimototatsuo.com
ã“ã®è¨˜äº‹ã¯The top 20 data visualisation toolsã®åŽŸè‘—è€…è¨±è«¾æ¸ˆã¿ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ By Brian Suda on September 17, 2012 Translated by Tatsuo Sugimoto 2014å¹´4æœˆ28æ—¥æ›´æ–°ï¼šã‚ªãƒªã‚¸ãƒŠãƒ«è¨˜äº‹ãŒä»¥å‰ã®ã‚µã‚¤ãƒˆã‹ã‚‰ç§»è»¢ã—ãŸãŸã‚ç™ºç”Ÿã—ã¦ã„ãŸç”»åƒã®éžè¡¨ç¤ºã«å¯¾å¿œã—ã¾ã—ãŸã€‚ ã‚ãŸã—ãŒã‚‚ã£ã¨ã‚‚ã‚ˆããã‹ã‚Œã‚‹è³ªå•ã®ã²ã¨ã¤ãŒã€ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å§‹ã‚ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã§ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã®å…ˆã¸é€²ã‚€ã«ã¯ã€ç·´ç¿’ã—ã€ã•ã‚‰ã«å®Ÿè·µã—ã€åˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒãƒ£ãƒ¼ãƒˆã‹ã‚‰è¤‡é›‘ãªã‚°ãƒ©ãƒ•ã€åœ°å›³ã€ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¾ã§ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®20ç¨®é¡žã®ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©ã®ãƒ„ãƒ¼ãƒ«ã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã€ãã®ã†ã¡ã„ãã¤ã‹ã¯ã™ã§ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚
moqada 2013/09/03
visualization

graph

javascript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Radian - Home
Radian is an open source JavaScript library that makes it easy to embed plots in HTML documents. It is being developed as part of OpenBrainâ€™s BayesHive project. Instead of writing JavaScript plotting code yourself, you use custom HTML elements to represent plots. For instance, the HTML code on the left produces the plot on the right: <plot height=200 aspect=2 stroke-width=2 x="[[seq(0,4*PI,101)]]"
moqada 2013/07/23
angularjs

d3.js

graph

visualization
ãƒªãƒ³ã‚¯
Fluentdã¨GrowthForecastã‚’ä½¿ã£ã¦è‡ªåˆ†ã®è¡Œå‹•ã‚’ãƒã‚®ãƒ³ã‚°ãƒ»å¯è¦–åŒ–ã™ã‚‹ - ã™ãŽã‚ƒãƒ¼ã‚“ãƒ¡ãƒ¢
ãŠãã‚‰ãã¯ãã‚Œã•ãˆã‚‚å¹³å‡¡ãªæ—¥ã€…: ã‚‚ã«ã‹ã˜ã§ã‚ªãƒ¬ã‚ªãƒ¬ç›£è¦–ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦è©±ã—ã¦ãã¾ã—ãŸ GrowthForecast.plã§è‡ªåˆ†ãƒã‚®ãƒ³ã‚°ã—ã¦ã¿ãŸ - by edvakf in hatena ã®è¨˜äº‹ã®ã‚ˆã†ã«ã€Fluentdã‚„GrowthForecastã‚’ä½¿ã£ãŸãƒã‚®ãƒ³ã‚°ã£ã¦é¢ç™½ãã†ã ãªãƒ¼ã¨æ€ã£ã¦è‡ªåˆ†ã§ã‚‚ã‚„ã£ã¦ã¿ãŸã€‚ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ¯Žã®ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªæ™‚é–“ã‚’å–ã‚‹ ã¾ãšè€ƒãˆãŸã®ã¯ã“ã‚Œã€‚ã‚ãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆç™ºç«å›žæ•°ã»ã©ç´°ã‹ããªãã¦ã‚‚ã€ã€Œã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã—ã¦ã„ã‚‹æ™‚é–“ã®å‰²åˆã€ãŒå–ã‚ŒãŸã‚‰ãã‚Œã¯ãã‚Œã§è‰¯ã„ã‹ãªã€ã¨ã€‚ 1ç§’ã”ã¨ã«ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—ãƒªã‚’èª¿ã¹ã¦ãƒã‚®ãƒ³ã‚°ã—ã¦ã„ãã€‚Mac OS Xã«ãŠã„ã¦ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’èª¿ã¹ã‚‹ãªã‚‰AppleScriptãŒç°¡å˜ã€‚ name of (info for (path to frontmost application)) ã“ã‚Œã ã‘ã§ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åãŒå–ã‚Œã‚‹ã€‚
moqada 2013/07/13
applescript

fluentd

growthforecast

graph
ãƒªãƒ³ã‚¯
fluentd + mongodb+ node.js ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã‚°ãƒ©ãƒ•ã‚’æã - stanaka's blog
è¿½è¨˜ 2/22 æ¯Žå›žå¾®å¦™ã«è¿½è¨˜ã—ã¦ã„ã¾ã™ãŒã€ä»Šå›žã‚‚è¿½è¨˜ã§ã™ã€‚æœ€å¾Œã«mongo dbã®insertæ€§èƒ½ã«ã¤ã„ã¦80lines/secã§åŽ³ã—ããªã£ãŸã€ã¨æ›¸ã„ã¦ã¾ã™ãŒã€ç’°å¢ƒã‹è¨å®šã¾ã‚ã‚ŠãŒã‚ã‚„ã—ã„ã®ã§è¨‚æ£ã—ã¾ã™ã€‚ã‚‚ã†ã™ã“ã—æ¤œè¨¼ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â†’ æ¤œè¨¼ã—ã¦ fluentdå´ã®è¨å®šã®å•é¡Œã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚è©³ã—ãã¯ã€http://blog.stanaka.org/entry/2013/02/22/171053 è¿½è¨˜ã“ã“ã¾ã§ æœ€è¿‘ã¯ã€fluentd + mongo db ã§ãƒã‚°ã‚’è“„ç©ã—ã¦ã„ã‚ã„ã‚ä¾¿åˆ©ã«ä½¿ã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€æ•°åˆ†ã«ä¸€å›žé›†è¨ˆã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å‘¨ã—ãŸã‚Šã€ GrowthForecast ã®ç”»é¢ã‚’ãƒªãƒãƒ¼ãƒ‰ã—ã¾ãã‚‹ã®ã§ã¯ãªãã€ã‚‚ã£ã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§è¦‹ãŸã„! ã¨ã„ã†æ¬²æ±‚ãŒå‹Ÿã£ã¦ããŸã®ã§ã€ node.js ã‚’ä½¿ã£ã¦å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚( https://github.com/stanaka/realti
moqada 2013/07/13
mongodb

node.js

fluentd

graph
ãƒªãƒ³ã‚¯
Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
moqada 2013/05/20
html5

javascript

graph

library

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

graph

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Beautiful JavaScript Charting Library with 10x Performance
Beautiful JavaScript Charting Library HTML5 JavaScript Charting Library with a Simple API and 10x Performance â€“ makes your dashboards fly! Simple JavaScript Charting API 10X Performance 30+ Chart Types Well Documented Supports Chrome, Edge, Firefox, Safari, IE8+ Support Directly from Developers Our HTML5 Charts work with all the popular Libraries & Frameworks like React, Angular, jQuery, ASP.Net,
moqada 2013/04/23
charts

graph

javascript
ãƒªãƒ³ã‚¯
Highchartsã®ã‚°ãƒ©ãƒ•ã®è‰²ã‚’å¤‰ãˆãŸæ—¥è¨˜ : ã¾ã‚Šã£ãºã¶ã‚ã
Highcharts JSã¨ã‹ã„ã†ã‚°ãƒ©ãƒ•æãJSã§è‰²å¤‰ãˆãŸã ã‘ã®ãªã‚“ã¦ã“ã¨ã¯ãªã„è©±ã€‚ ç§ã¯ã‚°ãƒ©ãƒ•ã«ã¯ãƒŽãƒ¼ã‚¿ãƒƒãƒã ã£ãŸã‚“ã§ã™ãŒã€æ°—ã¥ã„ãŸã‚‰å††ã‚°ãƒ©ãƒ•ã«è‰²ãŒã‹ã¶ã£ã¦ã„ã‚‹é …ç›®ãŒå‡ºæ¥ã¦ã—ã¾ã£ã¦ã„ãŸã®ã§ã€ã©ã†ã‹ã¨æ€ã£ã¦è‰²ã ã‘è¿½åŠ ã—ã¾ã—ãŸã€‚ è¨å®šã—ãŸè‰²ã®æ•°ã‚ˆã‚Šã‚°ãƒ©ãƒ•ã®é …ç›®ã®æ•°ã®æ–¹ãŒä¸Šå›žã£ãŸå ´åˆã€ãƒ«ãƒ¼ãƒ—ã—ã¦ä¸€ç•ªæœ€åˆã®è‰²ã‹ã‚‰ä½¿ã‚ã‚Œã‚‹ãŸã‚ã€è‰²ãŒã‹ã¶ã£ã¦ã—ã¾ã†ã®ã§ã—ãŸã€‚ colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92'], ã¨ã„ã†ã‚ã‘ã§è‰²ã‚’å¢—ã‚„ã—ã¦ãƒ«ãƒ¼ãƒ—ã—ãªã„ã‚ˆã†ã«ã—ã‚ˆã†ã¨ã„ã†ã‚ã‘ãªã‚“ã§ã™ãŒã€ã‚ã‚“ã©ã„ã®ã§å…ƒã€…ã®è‰²ã¯ãã®ã¾ã¾ä½¿ã„ã¤ã¤ã€åŒã˜ã‚ˆã†ãªãƒˆãƒ¼ãƒ³ã®è‰²ã‚’å¢—ã‚„ã—ã¾ã™ã€‚ å…ƒã€…ã®è‰²ã®å‚¾å‘ã¨å¯¾ç– æš–è‰²ã‚’å¢—ã‚„ã—ãŸã„ æ¿ƒã„è‰²ã®é€æ˜Žåº¦ã‚’ä¸Šã’ãŸè‰²ã‚’è¿½åŠ ã™ã‚‹ å¤‰ãªèŒ¶è‰²
moqada 2013/04/16
color

javascript

graph
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸