[B! visualization] issmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

issm id:issm

visualizationã«é–¢ã™ã‚‹issmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (88)

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

GPTã¨ã¯ä½•ã‹ Transformerã®è¦–è¦šåŒ– | Chapter 5, Deep Learning
ã“ã®å‹•ç”»ã¯3Blue1Brownã®å‹•ç”»ã‚’æ±äº¬å¤§å¦ã®å¦ç”Ÿæœ‰å¿—å›£ä½“ãŒç¿»è¨³ãƒ»å†ç·¨é›†ã—å…¬å¼ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚‚ã¨å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒãƒ£ãƒ³ãƒãƒ«ç™»éŒ²ã¨é«˜è©•ä¾¡ã‚’ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ æ—¥æœ¬èªžç‰ˆTwitter https://twitter.com/3B1BJP å…ƒãƒãƒ£ãƒ³ãƒãƒ«ï¼ˆè‹±èªžï¼‰ https://www.youtube.com/c/3blue1brown å…ƒå‹•ç”»ï¼ˆè‹±èªžï¼‰ https://youtu.be/wjZofJX0v4M?si=9YsuEzHATlhPtpOF Check out our new channel Ufolium https://www.youtube.com/watch?v=wrNCjIjIzuk&pp=ygUj5aSn57Wx6aCY6YG45oyZ44Gu5LuV57WE44G_IHVmb2xpdW0%3D Richard Turner's introduction
issm 2024/05/12
ai

visualization
ãƒªãƒ³ã‚¯
git-sim: Visually simulate Git operations in your own repos
Coding Essentials Guidebook for Developers This book covers core coding concepts and tools. It contains chapters on computer architecture, the Internet, Command Line, HTML, CSS, JavaScript, Python, Java, SQL, Git, and more. Learn more! Decoding Git Guidebook for Developers This book dives into the initial commit of Git's C code in detail to help developers learn what makes Git tick. If you're curi
issm 2023/01/23
git

visualization
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ•ã‚’ä½œã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–ã™ã‚‹æ™‚ã«ã€Œè¦‹ã‚„ã™ã„è‰²ã€ã‚’é¸ã¶ã‚³ãƒ„ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦è‰²ã®é¸æŠžã¯éžå¸¸ã«é‡è¦ã‹ã¤é›£ã—ã„ä½œæ¥ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ãªãã¨ã‚‚ã‚°ãƒ©ãƒ•ã‚’ä½œã‚‹éš›ãªã©ã«è‰²ã®é¸æŠžã‚’ã™ã‚‹å¿…è¦ã«è¿«ã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã‚’åˆ†ã‹ã‚Šã‚„ã™ãå¯è¦–åŒ–ã™ã‚‹ãŸã‚ã«ã¯ã€ã©ã®ã‚ˆã†ãªè‰²ã®çµ„ã¿ã‚ã‚ã›ã‚’é¸æŠžã™ã¹ããªã®ã‹ã€ãƒ—ãƒã§ãªãã¨ã‚‚ãƒ—ãƒã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å°‚é–€ã¨ã™ã‚‹Lisa Charlotte Rostã•ã‚“ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ How to pick more beautiful colors for your data visualizations | Charta ble https://blog.datawrapper.de/beautifulcolors/ â—†è‰²ç›¸ã‚’ã‚ã‚Œã“ã‚Œãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã™ãŽãªã„ ã‚«ãƒ©ãƒ¼ãƒ›ã‚¤ãƒ¼ãƒ«ä¸Šã®è‰²ã‚’å¤§åˆ¥ã™ã‚‹ã¨ã€èµ¤ãƒ»ã‚ªãƒ¬ãƒ³ã‚¸ãƒ»é»„ãƒ»ç·‘ãƒ»é’ãƒ»ç´«ã®6ã¤ã®è‰²ç›¸ã¨ãªã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–
issm 2020/09/10
color

graph

visualization
ãƒªãƒ³ã‚¯
æ—¥æœ¬ã®éƒ½å¸‚ã®äººå£æŽ¨ç§»(1873å¹´ï½ž2015å¹´)ã‚’å‹•ãã‚°ãƒ©ãƒ•ã«ã¾ã¨ã‚ãŸæ§˜åãŒã¨ã¦ã‚‚èˆˆå‘³æ·±ã„ã€Œé¦–éƒ½åœã®é›†ä¸ã‚¨ã‚°ã™ãŽã‚‹ã€ã€Œæ´å²ãŒè¦‹ãˆã¦ãã‚‹ã€
ãƒ ã‚®ã‚¿ãƒãƒ¼@çµŒæ¸ˆæœ¬ã‚’ç™ºå£²ä¸ï¼ï¼ @mugitaro_comics æ±å¤§ã®å‹äººãŒãƒ‡ãƒ¼ã‚¿ã‹ãé›†ã‚ã¦ä½œæˆã—ãŸ æ—¥æœ¬ã®éƒ½å¸‚ã®äººå£æŽ¨ç§»(1873-2015) ã§ã™ é¢ç™½ãˆâ€¦ è¿‘å¹´ã®é¦–éƒ½åœã®äººå£é›†ä¸ã‚¨ã‚°ã™ãŽã‚‹â€¦ æ—¥æœ¬å¤§ä¸ˆå¤«ã‹ã‚ˆâ€¦ pic.twitter.com/sKa532j3Td
issm 2019/12/09
japan

history

visualization

togetter

twitter
ãƒªãƒ³ã‚¯
Golangã§Flame Graphã‚’æã
ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å•é¡Œã®è§£æ±ºã‚„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã§å¤§åˆ‡ãªã®ã¯å•é¡Œã®ã‚³ã‚¢ã‚„ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«æœ€çŸãƒ‘ã‚¹ã§åˆ°é”ã™ã‚‹ã“ã¨ã§ã‚ã‚‹ï¼Ž åŸºæœ¬çš„ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹åˆ†æžã®å…¥ã‚Šå£ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ¬ãƒƒãƒ‰ãŒon-CPUã§æ™‚é–“ã‚’æ¶ˆè²»ã—ã¦ã„ã‚‹ã‹off-CPUã§æ™‚é–“ã‚’æ¶ˆè²»ã—ã¦ã„ã‚‹ã‹ã‚’ç†è§£ã™ã‚‹ã¨ã“ã‚ã‹ã‚‰å§‹ã¾ã‚‹ï¼Žon-CPUã®å ´åˆã¯ãã‚ŒãŒuserãƒ¢ãƒ¼ãƒ‰ã‹kernelãƒ¢ãƒ¼ãƒ‰ã‹ã‚’ç‰¹å®šã—ï¼Œã•ã‚‰ã«CPUãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã«ã‚ˆã£ã¦ã©ã®code pathãŒCPUã‚’æ¶ˆè²»ã—ã¦ã„ã‚‹ã®ã‹ã®åˆ†æžã«å‘ã‹ã†ï¼Žoff-CPUã®å ´åˆã¯I/Oã‚„Lockï¼Œpagingã¨ã„ã£ãŸå•é¡Œã®åˆ†æžã«å‘ã‹ã†ï¼Ž Flame Graphã¯on-CPUã§ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡ŒãŒç™ºè¦šã—ãŸæ™‚ã«è¡Œã†CPUãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã‚’åŠ©ã‘ã‚‹ï¼Žã©ã®code pathãŒãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’1ã¤ã®ã‚°ãƒ©ãƒ•ä¸Šã§ç†è§£ã§ãã‚‹ï¼Žæœ¬è¨˜äº‹ã§ã¯Flame Graphã¨ã¯ä½•ã‹? ãªãœå¿…è¦ãªã®ã‹? ã‚’è§£
issm 2016/05/30
framegraph

performance

visualization

go
ãƒªãƒ³ã‚¯
Visualizing Concurrency in Go Â· divan's blog
If you prefer video over blog posts, here is my talk on this at GopherCon 2016: https://www.youtube.com/watch?v=KyuFeiG3Y60 One of the strongest sides of Go programming language is a built-in concurrency based on Tony Hoareâ€™s CSP paper. Go is designed with concurrency in mind and allows us to build complex concurrent pipelines. But have you ever wondered - how various concurrency patterns look lik
issm 2016/01/28
go

visualization
ãƒªãƒ³ã‚¯
The National Center for Public Policy and Higher Education
à¸ªà¸¥à¹‡à¸à¸•à¹€à¸§à¹‡à¸šà¸•à¸£à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸• à¹ƒà¸«à¸¡à¹ˆà¸¥à¹ˆà¸²à¸ªà¸¸à¸” 2024 à¹€à¸¥à¹ˆà¸™à¸‡à¹ˆà¸²à¸¢ à¹à¸•à¸à¸«à¸™à¸±à¸ FAFA1x2 à¸£à¸à¸‡à¸£à¸±à¸šà¸—à¸£à¸¹à¸§à¸à¹€à¸¥à¸— à¹€à¸¥à¹ˆà¸™à¸‡à¹ˆà¸²à¸¢à¹„à¸”à¹‰à¹€à¸‡à¸´à¸™à¸ˆà¸£à¸´à¸‡ à¸ªà¸¥à¹‡à¸à¸•à¹€à¸§à¹‡à¸šà¸•à¸£à¸‡ à¸¡à¸²à¹à¸£à¸‡à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¹ƒà¸™à¹„à¸—à¸¢ à¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸ªà¸¡à¸²à¸Šà¸´à¸ à¹„à¸”à¹‰à¹€à¸‚à¹‰à¸²à¸¡à¸²à¸£à¹ˆà¸§à¸¡à¸ªà¸™à¸¸à¸ à¹à¸¥à¸°à¹€à¸›à¸´à¸”à¸›à¸£à¸°à¸ªà¸šà¸à¸²à¸£à¸“à¹Œà¸„à¸£à¸±à¹‰à¸‡à¹ƒà¸«à¸¡à¹ˆ à¸ªà¸¥à¹‡à¸à¸•à¹€à¸§à¹‡à¸šà¸•à¸£à¸‡ à¹€à¸›à¹‡à¸™à¸à¸µà¸à¸«à¸™à¸¶à¹ˆà¸‡à¸—à¸²à¸‡à¹€à¸¥à¸·à¸à¸à¸—à¸µà¹ˆà¸™à¹ˆà¸²à¸ªà¸™à¹ƒà¸ˆ à¹à¸¥à¸°à¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸ªà¸¡à¸²à¸Šà¸´à¸ à¹„à¸”à¹‰à¹€à¸‚à¹‰à¸²à¸¡à¸²à¸—à¸³à¸à¸³à¹„à¸£à¸à¸¢à¹ˆà¸²à¸‡à¸¡à¸µà¸›à¸£à¸°à¸ªà¸´à¸—à¸˜à¸´à¸ à¸²à¸ž à¹„à¸¡à¹ˆà¸„à¸§à¸£à¸žà¸¥à¸²à¸”à¸à¸¢à¹ˆà¸²à¸‡à¸¡à¸²à¸ à¸à¸±à¸šà¸à¸²à¸£à¹€à¸‚à¹‰à¸²à¹€à¸¥à¹ˆà¸™à¹€à¸à¸¡à¸ªà¸¥à¹‡à¸à¸• à¸„à¸£à¸šà¸—à¸¸à¸à¸„à¹ˆà¸²à¸¢à¸Šà¸±à¹‰à¸™à¸™à¸³à¹à¸•à¸à¸‡à¹ˆà¸²à¸¢Â à¸–à¸à¸™à¹€à¸‡à¸´à¸™à¸£à¸²à¸‡à¸§à¸±à¸¥à¹„à¸”à¹‰à¸œà¹ˆà¸²à¸™à¸šà¸±à¸à¸Šà¸µà¸œà¸¹à¹‰à¹ƒà¸Šà¹‰ Walle
issm 2015/01/08
network

webã‚µãƒ¼ãƒ“ã‚¹

map

visualization
ãƒªãƒ³ã‚¯
è¡—ä¸ã®Wi-Fiã‚’å¯è´éŸ³ã«å¤‰æ›ã™ã‚‹ã¨ã€ã¾ã‚‹ã§ãã“ã¯å®‡å®™ã ã£ãŸ | sign
ã‚‚ã—ç§ãŸã¡ãŒã€ã‚ã‚‹æ—¥ã‹ã‚‰è€³ãŒèžã“ãˆãªããªã£ãŸã‚Šã€ç›®ãŒè¦‹ãˆãªããªã£ãŸã‚Šã—ãŸã‚‰ï¼Ÿã€€ã“ã‚Œã¾ã§å½“ãŸã‚Šå‰ã«ã§ãã¦ã„ãŸã“ã¨ãŒã§ããªããªã‚‹ææ€–ã«ã¨ã‚‰ã‚ã‚Œã€ãŸã ãŸã é‹å‘½ã‚’å‘ªã„ã€æˆ‘ãŒèº«ã®ä¸å¹¸ã‚’å˜†ã„ã¦éŽã”ã™ã§ã—ã‚‡ã†ã‹ã€‚ãã‚Œã¨ã‚‚ã€é‹å‘½ã«ç«‹ã¡å‘ã‹ã„ã€å‰å‘ãã«ç”Ÿãã¦ã„ãã§ã—ã‚‡ã†ã‹ã€‚ãƒãƒ³ãƒ‰ãƒ³ã®ã‚µã‚¤ã‚¨ãƒ³ã‚¹ãƒ»ãƒ©ã‚¤ã‚¿ãƒ¼ã€ãƒ•ãƒ©ãƒ³ã‚¯ãƒ»ã‚¹ã‚¦ã‚§ã‚¤ãƒ³ã•ã‚“ã¯å¾Œè€…ã®ã‚¿ã‚¤ãƒ—ã§ã—ãŸã€‚ ãã£ã‹ã‘ã¯è£œè´å™¨ ã‚¹ã‚¦ã‚§ã‚¤ãƒ³ã•ã‚“ã¯20ä»£ã®æ™‚ã‹ã‚‰å¾ã€…ã«è€³ãŒèžã“ãˆãªããªã‚Šã€äºŒå¹´å‰ã‹ã‚‰è£œè´å™¨ã‚’ä½¿ã„å§‹ã‚ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¯ã˜ã‚ã¯å¤§ããªã‚·ãƒ§ãƒƒã‚¯ã‚’å—ã‘ã¾ã—ãŸãŒã€åŒæ™‚ã«ã€Žè´ã“ãˆã‚‹ã“ã¨ã€ã®é‡è¦ã•ã«ã¤ã„ã¦è€ƒãˆã‚‹ã‚ˆã†ã«ãªã‚Šã€æœ¬æ¥è´ã“ãˆãªã„ã‚‚ã®ã‚’è´ã“ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹æ–°ã—ã„æŠ€è¡“ã‚’ä½œã‚Œãªã„ã‹ã¨è€ƒãˆå§‹ã‚ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚“ãªã‚¹ã‚¦ã‚§ã‚¤ãƒ³ã•ã‚“ãŒç›®ã‚’ã¤ã‘ãŸã®ãŒã€ŽWi-Fiã€ã§ã—ãŸã€‚å½¼ã¯ã€ã‚µã‚¦ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ€ãƒ‹ã‚¨ãƒ«ãƒ»ã‚¸ãƒ§ãƒ¼ãƒ³ã‚ºã•ã‚“ã¨ã‚¿ãƒƒã‚°ã‚’çµ„ã¿ã€è£œè´å™¨ã‚’é€šã—ã¦wi-fiãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯
issm 2014/12/06
network

wifi

sound

visualization
ãƒªãƒ³ã‚¯
æ£è¦è¡¨ç¾ã‚’è§£æžã—ã¦å¯è¦–åŒ–ã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆãŒå‡„ã™ãŽã‚‹ä»¶
ã‚ã‚‹æ£è¦è¡¨ç¾ã«å¯¾ã—ã¦ã€ç‰¹å®šã®æ–‡å—åˆ—ãŒãƒžãƒƒãƒã™ã‚‹ã‹ã©ã†ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ã‚µã‚¤ãƒˆã¯æ²¢å±±ã‚ã‚Šã¾ã™ãŒã€æ£è¦è¡¨ç¾ãã®ã‚‚ã®ãŒä½•ã‚’æ„å‘³ã—ã¦ã„ã‚‹ã®ã‹ã€ã©ã‚“ãªæ–‡å—åˆ—ã‚’æœŸå¾…ã—ã¦ã„ã‚‹ã®ã‹ã‚’è§£æžãƒ»è§£èªãƒ»èª¬æ˜Žã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ã‚µã‚¤ãƒˆã£ã¦ãªã‹ãªã‹è¦‹ãªã„æ°—ãŒã—ã¾ã™ã€‚ ä»–äººã®æ›¸ã„ãŸæ£è¦è¡¨ç¾ã‚’è¦‹ã¦ã€ã€Œã‚“ï¼Ÿã€ã£ã¦ãªã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ä¾‹ãˆã°ã“ã‚Œã€‚ 1 ^[a-zA-Z0-9-_.]@([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,4}$ ã“ã‚Œãã‚‰ã„ãªã‚‰åˆ†ã‹ã‚Šã¾ã™ãŒã€è¤‡é›‘ã«ãªã£ã¦ãã‚‹ã¨ã¤ã‚‰ã„â€¦ ã„ã¤ã‹ã¯ãƒžã‚¹ã‚¿ãƒ¼ã—ãŸã„ã‘ã©â€¦ä»Šã¯æ¥½ã—ãŸã„ã€‚ ãã†æ€ã£ã¦ã‚°ã‚°ã£ã¦ã¿ã‚‹ã¨â€¦ã‚ã‚Šã¾ã—ãŸï¼ ãã‚ŒãŒã“ã¡ã‚‰ã€‚ Regexper http://www.regexper.com/ æ£è¦è¡¨ç¾ã‚’å…¥åŠ›ã—ã¦ Display ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã®æ£è¦è¡¨ç¾ãŒè¡¨ã™å†…å®¹ã‚’å›³ã«ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ ä¾‹ãˆã°å…ˆç¨‹ã®æ£è¦è¡¨ç¾ã¯ã€å½“è¨˜äº‹ã®ä¸€ç•ªä¸Šã®
issm 2014/10/19
regexp

webã‚µãƒ¼ãƒ“ã‚¹

visualization
ãƒªãƒ³ã‚¯
Loading...
issm 2014/10/16
vmstat

gnuplot

graph

visualization
ãƒªãƒ³ã‚¯
ã‚¨ãƒã‚²ãƒ¼ãƒžãƒ¼ã¯ã‚¨ãƒã‚²ã®ã‚¨ãƒã‚·ãƒ¼ãƒ³ã§ãƒŠãƒ‹ã‚’è¦‹ã¦ã„ã‚‹ã®ã‹ï¼Ÿ - strangelet
issm 2014/03/29
game

neta

visualization
ãƒªãƒ³ã‚¯
2æ™‚é–“ç¸›ã‚Šã§d3.jsæŒ‘æˆ¦ã—ã¦ã¿ãŸ - mizchi's blog
ä½•ã“ã®è¨˜äº‹ ã‚ã‚“ã¡ã¹ã¨ã„ã†äººã‹ã‚‰ç„¡èŒ¶ã¶ã‚ŠãŒããŸã®ã§å¯¾å¿œã—ãŸ mizchiã€d3ãƒ–ãƒã‚°æ›¸ã„ã¦ãã‚ŒãŸå‘‘ã‚€â€” 3Då††ã‚°ãƒ©ãƒ•çš†æ®ºã— (@AntiBayesian) 2014, 3æœˆ 2 @AntiBayesian D3ã¾ã æ¥µã‚ã¦ãªã„ã§ã™â€” é«˜æ„è˜ã‚¨ãƒãƒ«ã‚®ãƒ¼ (@mizchi) 2014, 3æœˆ 2 @mizchi 2æ™‚é–“ã‚„ã‚ã†ã€æ—©ãæ¥µã‚ãŸã¾ãˆâ€” 3Då††ã‚°ãƒ©ãƒ•çš†æ®ºã— (@AntiBayesian) 2014, 3æœˆ 2 @AntiBayesian ãŠã£ã—ã‚ƒå¾…ã£ã¦ã‚â€” é«˜æ„è˜ã‚¨ãƒãƒ«ã‚®ãƒ¼ (@mizchi) 2014, 3æœˆ 2 å‰æ ã‚ˆãèª¤è§£ã•ã‚Œã‚‹ã‚“ã§ã™ãŒã€D3.jsã¯ã‚°ãƒ©ãƒ•æç”»ãƒ„ãƒ¼ãƒ«ã§ã¯ãªãã€JavaScriptã§SVGã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®jQueryé¢¨DSLã§ã€DSLã¨ã¯ã„ãˆã‹ãªã‚Šãƒãƒ¼ãƒ¬ãƒ™ãƒ«ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚SVGã¯ãƒ™ã‚¯ã‚¿ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ç”Ÿæˆã™ã‚‹è¦æ ¼ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®SVGã¯ã€å›³å½¢ã‚’æ›¸ã‘ã‚‹DOMã§ã‚ã‚Šã€ä»–
issm 2014/03/02
d3.js

visualization

svg
ãƒªãƒ³ã‚¯
Dygraphsâ€Šâ€”â€Šmain page
âš Please visit the official Dygraphs homepage https://dygraphs.com/ instead. You are reading this on a mirror, which may have outdated, incomplete and/or locally patched information, or as part of the Debian package; links may not work. dygraphs is a fast, flexible open source JavaScript charting library. It allows users to explore and interpret dense data sets. Here's how it works: This JavaScrip
issm 2014/02/27
HRForecast ãŒä½¿ã£ã¦ã„ã‚‹ã‚°ãƒ©ãƒ•æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼Ž

dygraph

javascript

library

graph

visualization
ãƒªãƒ³ã‚¯
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - æ—¥æœ¬ã®ä¼çµ±è‰²
Color data cited: â€œæ—¥æœ¬ã®ä¼çµ±è‰² The Traditional Colors of Japanâ€. PIE BOOKS, 2007.
issm 2014/02/20
color

japan

design

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

visualization

d3.js
ãƒªãƒ³ã‚¯
DNSå•ã„åˆã‚ã›ã®å¯è¦–åŒ– | ã‚ã‚‹ç ”ç©¶è€…ã®æ‰‹è¨˜
DNSå•ã„åˆã‚ã›ã®å¯è¦–åŒ– æœ€è¿‘ã€ãƒ‡ãƒ¼ã‚¿ã‚’ã¾ã¨ã‚ãŸã‚Šå¯è¦–åŒ–ã—ãŸã‚Šã—ã¦ãã®æ€§è³ªã‚’èª¿ã¹ã‚‹æŽ¢ç´¢çš„ãƒ‡ãƒ¼ã‚¿åˆ†æž(ä¾‹)ã«ã¯ã¾ã£ã¦ã„ã¾ã™ã€‚ã¨ã€åŒæ™‚ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯åˆ†æžã«ã‚‚ã¡ã‚‡ã£ã¨æ‰‹ã‚’å‡ºã—ã¦ãŠã‚Šã€ãã®2ã¤ã®æ´¾ç”Ÿç‰©ã¨ã—ã¦ãƒ‰ãƒ¡ã‚¤ãƒ³åå•ã„åˆã‚ã›ã®çµæžœã‚’å¯è¦–åŒ–ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã‚’èªã‚“ã§ã„ã‚‹äººã«ã¯ã‚‚ã¯ã‚„èª¬æ˜Žã®å¿…è¦ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ä¸€å¿œæ›¸ã„ã¦ãŠãã¨ã€ä¸–ã®ä¸ã®www.google.comã‚„www.amazon.co.jpã®ã‚ˆã†ãªãƒ‰ãƒ¡ã‚¤ãƒ³åã¯ã‚µãƒ¼ãƒã®å ´æ‰€ã‚’ç›´æŽ¥ç¤ºã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªãã€ã€Œã“ã®åå‰ã‚’æŒã£ã¦ã„ã‚‹ã‚µãƒ¼ãƒã®IPã‚¢ãƒ‰ãƒ¬ã‚¹ã¯ãªã‚“ã§ã™ã‹ï¼Ÿã€ã¨ã„ã†ã®ã‚’DNSã‚µãƒ¼ãƒã¨ã„ã†åˆ¥ã®ã‚µãƒ¼ãƒã«å•ã„åˆã‚ã›ã‚‹ã“ã¨ã§ç›®çš„ã®ã‚µãƒ¼ãƒã®IPã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’æ•™ãˆã¦ã‚‚ã‚‰ã„ã€ãã®å¾Œç›®çš„ã®ã‚µãƒ¼ãƒã¸æŽ¥ç¶šã—ã¾ã™ã€‚ä»¥å‰ã¯æ£å¼•ãï¼ˆãƒ‰ãƒ¡ã‚¤ãƒ³åã‹ã‚‰IPã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’å•ã„åˆã‚ã›ã‚‹ï¼‰ã¨é€†å¼•ãï¼ˆIPã‚¢ãƒ‰ãƒ¬ã‚¹ã‹ã‚‰ãƒ‰ãƒ¡ã‚¤ãƒ³åã‚’å•ã„åˆã‚ã›ã‚‹ï¼‰ãŒå¯¾ç§°æ§‹é€ ã«ãªã‚‹ã‚ˆã†ã«è¨å®šã™ã‚‹ã®ãŒä¸»æµã§ã—ãŸãŒ
issm 2014/02/10
dns

network

visualization
ãƒªãƒ³ã‚¯
d3.js Advent Calendar 2013 - Adventar
d3.js ã¨ ASP.NET MVC ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ELBã®ã‚¢ã‚¯ã‚»ã‚¹æ•°ã‚’HeatMapã§è¡¨ç¤ºã™ã‚‹ - éŠ€ã®å…‰ã¨ç¢§ã„ç©º
issm 2013/12/09
d3.js

adventcalendar

visualization

javascript
ãƒªãƒ³ã‚¯
MySQLã§Visual Explain
MySQL Workbenchã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹6.0ã®ãƒ™ãƒ¼ã‚¿ç‰ˆãŒå…¬é–‹ã•ã‚ŒãŸã€‚ä¾‹ã«ã‚ˆã£ã¦MySQLã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€æ–°æ©Ÿèƒ½ãŒæ°—ã«ãªã‚‹äººã¯ã‚²ãƒƒãƒˆã—ã¦è©¦ã—ã¦ã¿ã¦é ‚ããŸã„ã€‚è¦‹ãŸç›®ãŒè‹¥å¹²ä»Šæµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã£ã½ããªã£ã¦ã‚·ãƒ£ãƒ¬ã‚ªãƒ„ï¼ˆç¬‘ï¼‰ãªæ„Ÿã˜ã«ä»•ä¸ŠãŒã£ã¦ã‚‹ã€‚ ãƒ™ãƒ¼ã‚¿ç‰ˆãŒå…¬é–‹ã•ã‚ŒãŸã®ã‚’è¨˜å¿µã—ã¦ã€Workbenchã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ãƒŠã‚¤ã‚¹ãªæ©Ÿèƒ½ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã€‚ãã†ã€Visual Explainã ã€‚Visual Explainã¨ã¯èªã‚“ã§å—ã®ã”ã¨ãã€SQLã®å®Ÿè¡Œè¨ˆç”»ã‚’è¦–è¦šçš„ã«è¡¨ç¾ã—ãŸã‚‚ã®ã ã€‚SQLãŒè¤‡é›‘ã«ãªã‚‹ã¨ã€ãã®å®Ÿè¡Œè¨ˆç”»ã¯ç†è§£ã—è¾›ã„ã‚‚ã®ã¨ãªã‚‹ã€‚ ä»Šæ—¥ã¯Visual ExplainåŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨ã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã†ã€‚ Visual Explainã‚’ä½¿ç”¨ã™ã‚‹ã«ã¯ã€å¯¾è±¡ã®MySQLã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ5.6ä»¥ä¸Šã§ã‚ã‚Šã€ãªãŠã‹ã¤Workbenchã®ãƒãƒ¼ã‚¸ãƒ§
issm 2013/06/27
mysql

mysqlworkbench

visualization
ãƒªãƒ³ã‚¯
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations withÂ unparalleledÂ flexibility
issm 2013/06/08
d3.js

javascript

visualization
ãƒªãƒ³ã‚¯
GrowthForecastã¨ã„ã†ã‚°ãƒ©ãƒ•è¡¨ç¤ºãƒ„ãƒ¼ãƒ«ã§æ—ã‚‹è©± - blog.nomadscafe.jp
è¿½è¨˜ 2012/06/22 å…¬å¼ãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šã¾ã—ãŸã€‚ãã¡ã‚‰ã‚‚å‚è€ƒã«ã—ã¦ãã ã•ã„ã¾ã› GrowthForecast - Lightning fast Graphing / Visualization http://kazeburo.github.com/GrowthForecast/ Kansai.pmã®LTã§ã‚‚ç´¹ä»‹ã—ãŸã‚“ã ã‘ã©ã€APIã‚’å©ãäº‹ã§ã‚°ãƒ©ãƒ•ã‚’æ›´æ–°ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’æ›¸ãã¾ã—ãŸã€‚è©±ã®ç™ºç«¯ã¨ã—ã¦ã¯ã€Œcloudforecastã®ã‚°ãƒ©ãƒ•ã‚’å¤–ã‹ã‚‰APIã§æ›´æ–°ã—ãŸã„ã€ã¨ã„ã†ã“ã¨ã§ã—ãŸãŒã€cloudforecastã§ã¯ã‚°ãƒ©ãƒ•ã®è¿½åŠ ãŒé‡ã„å‡¦ç†ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€åˆ¥ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒã®è² è·ãªã©ã®ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã‚’åŽé›†ã—ã€ã‚°ãƒ©ãƒ•åŒ–ã™ã‚‹ã“ã¨ã§ã€ã‚·ã‚¹ãƒ†ãƒ ã«æŽ›ã‹ã£ã¦ã„ã‚‹è² è·ã‚’æŠŠæ¡ã—ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«å½±éŸ¿ãŒã§ã‚‹ã¾ãˆã«å¯¾ç–ã‚’ã†ã£ãŸã‚Šã€æ”¹å–„ã®çµæžœã‚’çŸ¥ã‚‹äº‹ãŒã§ãã¾ã™ãŒã€åŒã˜äº‹ã¯ã‚·ã‚¹ãƒ†ãƒ ã ã‘ã§ã¯ãªãæä¾›ã—ã¦ã„ã‚‹ã‚µ
issm 2013/03/14
growthforecast

rrdtool

visualization

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