[B! visualization] msakamoto-sfã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

msakamoto-sf id:msakamoto-sf

visualizationã«é–¢ã™ã‚‹msakamoto-sfã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (39)

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

Flyde | Visual Programming. For Developers.
Open source, runs in VS Code, integrates with existing TypeScript code, browser and Node.js.
msakamoto-sf 2024/03/08
TypeScript

vscode

visualization

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

Flyde
ãƒªãƒ³ã‚¯
GitHub - terrastruct/d2: D2 is a modern diagram scripting language that turns text to diagrams.
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
msakamoto-sf 2022/11/24
visualization

golang

Diagrams
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºç¤Ž
æƒ…å ±ã‚’æ£ã—ãä¼ãˆã€ç¾Žã—ãã‹ã¤æ˜Žç¢ºãªå›³ã‚„ã‚°ãƒ©ãƒ•ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®åŸºæœ¬ã‚’è§£èª¬ã—ã¾ã™ã€‚ã€Œãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤§åˆ‡ãªã“ã¨ã¯ã€æœ¬è³ªã‚’æ£ã—ãä¼ãˆã‚‹ã“ã¨ã€ã¨ã®ä¿¡å¿µã«åŸºã¥ãã€è¦‹æ „ãˆã®æ‚ªã„å›³ã€ä¸é©åˆ‡ãªå›³ã€èª¤ã£ãŸå›³ã‚’é¿ã‘ã€æƒ…å ±ã‚’æ£ç¢ºã«ã‹ã¤åŠ¹æžœçš„ã«ä¼ãˆã‚‹ãŸã‚ã«æœ€é©ãªè¦ç´ ã€ã‹ãŸã¡ã€è‰²ã®é¸æŠžã‚’ã™ã‚‹ãŸã‚ã®æŒ‡é‡ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚è‘—è€…ã¯çµ±åˆç”Ÿç‰©å¦ã®åˆ†é‡Žã§è‘—åãªç ”ç©¶è€…ã§ã‚ã‚‹ã ã‘ã§ãªãã€cowplotã€ggridgesã‚’ã¯ã˜ã‚ã€æ•°å¤šãã®Rã®ãƒ‡ãƒ¼ã‚¿å¯è¦–åŒ–é–¢é€£ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®é–‹ç™ºè€…ã§ã‚ã‚Šã€è‘—è€…ã®è±Šå¯ŒãªçµŒé¨“ã‹ã‚‰è“„ç©ã•ã‚ŒãŸçŸ¥è¦‹ã®é›†å¤§æˆã¨è¨€ãˆã‚‹æœ¬æ›¸ã‹ã‚‰ã¯ã€å„ªã‚ŒãŸã‚°ãƒ©ãƒ•ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®åŽŸå‰‡ã€å“²å¦ã€ç¾Žå¦ã‚’å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚æœ¬æ›¸åŽéŒ²ã®ã‚°ãƒ©ãƒ•ã‚’ä½œæˆã—ãŸRã‚³ãƒ¼ãƒ‰ã¯GitHubã‹ã‚‰åˆ©ç”¨å¯èƒ½ã€‚ è¨³è€…ã¾ãˆãŒã ã¾ãˆãŒã 1ç« ã€€ã¯ã˜ã‚ã« 1.1ã€€è¦‹æ „ãˆã®æ‚ªã„å›³ã€ä¸é©åˆ‡ãªå›³ã€èª¤ã£ãŸå›³ ç¬¬â… éƒ¨ã€€ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã¸ 2ç« ã€€ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–ã™ã‚‹ï¼š
msakamoto-sf 2022/03/03
visualization

design

ãƒ‡ã‚¶ã‚¤ãƒ³

oreilly

æœ¬
ãƒªãƒ³ã‚¯
GitUML
Understanding source code is every programmer's biggest challenge GitUML helps programmers understand new code more quickly. Understand code quickly Rapidly generate diagrams from programming source code. Diagrams from git repositories - automatic diagram updates when you push! Upload source code files Live UML Fiddle converts source code into UML as you type UML Fiddle (Python) UML Fiddle (Javasc
msakamoto-sf 2020/07/06
ã‚ã¨ã§èªã‚€

java

javascript

C

python

UML

git

visualization

é–‹ç™º
ãƒªãƒ³ã‚¯
Diagrams Â· Diagram as Code
Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.
msakamoto-sf 2020/02/24
design

architecture

python

diagram

generator

visualization

aws

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
The Illustrated TLS 1.3 Connection
In this demonstration a client connects to a server, negotiates a TLS 1.3 session, sends "ping", receives "pong", and then terminates the session. Click below to begin exploring. The client begins by generating a private/public keypair for key exchange. Key exchange is a technique where two parties can agree on the same number without an eavesdropper being able to tell what the number is. An expla
msakamoto-sf 2018/12/03
TLS 1.3 handshake/connection messages

tls

visualization

security

protocol
ãƒªãƒ³ã‚¯
Gio.js
Create a 3D global data visualization model with your own data in just four lines of javascript code
msakamoto-sf 2018/09/07
javascript

visualization

Three.js
ãƒªãƒ³ã‚¯
Google ã®å¯è¦–åŒ–ãƒ„ãƒ¼ãƒ«ã® Data Studio ã‚’è©¦ã—ã¦ã¿ãŸ - å”¯ç‰©æ˜¯çœŸ @Scaled_Wurm
Google Data Studio (ãƒ‡ãƒ¼ã‚¿ã‚¹ã‚¿ã‚¸ã‚ª) ã¨ã„ã†å¯è¦–åŒ–ã‚µãƒ¼ãƒ“ã‚¹ãŒãƒ™ãƒ¼ã‚¿ç‰ˆã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãŸã®ã§è©¦ã—ã¦ã¿ãŸ è¦‹ãŸã„æ•°å€¤ã‚’ä¸€è¦§ã™ã‚‹ãŸã‚ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰çš„ãªã‚‚ã®ã‚’ä½œã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“ã‚¹ãªã®ã§ã€ã„ã‚ã‚“ãªå ´æ‰€ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–ã£ã¦ãã¦ä¸€ç®‡æ‰€ã§ã¾ã¨ã‚ã¦ç¢ºèªã™ã‚‹ã®ãŒç”¨é€”ã£ã½ã„(ä»Šã®ã¨ã“ã‚ä¼¼ãŸã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ãƒ»ãƒ„ãƒ¼ãƒ«ã®æ–¹ãŒæ©Ÿèƒ½ãŒå¤šãã† ãƒ‡ãƒ¼ã‚¿ã‚½ãƒ¼ã‚¹ ãƒ‡ãƒ¼ã‚¿ã‚½ãƒ¼ã‚¹ã¨ã—ã¦Google Analyticsã‚„BigQueryã€Google Spreadsheetã€MySQLãªã©ã‚’é¸ã‚“ã§ãƒ‡ãƒ¼ã‚¿ã‚’å–ã£ã¦ã“ã‚Œã‚‹ ãƒ‡ãƒ¼ã‚¿ã‚½ãƒ¼ã‚¹ã‚’é¸ã‚“ã§GUIã§ã‚°ãƒ©ãƒ•ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã—ã¦ã„ã ãƒ‡ãƒ¼ã‚¿ã®æ—¢å˜ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«é–¢æ•°ã‚’é©ç”¨ã—ãŸçµæžœã®å€¤ã‚’ä½¿ã†ã“ã¨ã‚‚ã§ãã‚‹ ä½¿ãˆã‚‹é–¢æ•°ã®ãƒªã‚¹ãƒˆ ä¸‹ã®ç”»åƒã§ã¯Google Analyticsã®ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã€(Chrome, Firefoxãªã©)ã¨ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€(ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ç•ªå·)ã‚’CONC
msakamoto-sf 2016/10/17
Google Analytics

Google

Visualization

å¯è¦–åŒ–
ãƒªãƒ³ã‚¯
fnordmetric.io
This domain was recently registered at Namecheap.com. Please check back later! fnordmetric.io 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
msakamoto-sf 2016/01/24
javascript

ruby

graph

chart

visualization

sql
ãƒªãƒ³ã‚¯
ä½œå›³ç³»ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚
diag.md ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã¨ã‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ã—ã”ã¨ã§æç”»ã™ã‚‹ã“ã¨ã«ãªã£ãŸå ´åˆã€ ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰ç”Ÿæˆã§ããŸã‚‰æ¥½ãªã®ã§ã€ãã‚Œç³»ã®ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ GraphViz http://www.graphviz.org/ Cè£½ Doxygen, Moinmoinãªã©ã¨é€£æºå¯èƒ½ ãƒ–ãƒãƒƒã‚¯å›³ã€ã‚¯ãƒ©ã‚¹å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã© PNG, SVGãªã© å‡ºåŠ›å¯èƒ½å½¢å¼ä¸€è¦§ JavaScriptï¼ˆEmscriptenï¼‰ç‰ˆã‚‚ã‚ã‚‹ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼å‡ºæ¥ã¦ä¾¿åˆ© https://github.com/mdaines/viz.js PlantUML Javaè£½ ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³, ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹å›³, ã‚¯ãƒ©ã‚¹å›³, ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£å›³, ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå›³, ã‚¹ãƒ†ãƒ¼ãƒˆå›³, ãƒ‡ãƒ—ãƒã‚¤å›³, ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå›³ãªã©ã‚ã£ã¡ã‚ƒãŸãã•ã‚“ä½œã‚Œã‚‹ PNG, SVG, LaTeX, ASCIIå‡ºåŠ› ãªã‚“ã¨ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚‚ä½œã‚Œã‚‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‹ã‚‚å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ ã‚ª
msakamoto-sf 2015/10/18
graphviz

blockdiag

javascript

visualization
ãƒªãƒ³ã‚¯
æ”¹è¨‚ç‰ˆ: ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒåŠ¹æžœçš„ãªå¯è¦–åŒ–ã‚’ä½œæˆã™ã‚‹ ï¼ˆå‰ç·¨ï¼‰ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æ”¹è¨‚ç‰ˆã«ã¤ã„ã¦ã€€(5/7/2019å…¬é–‹) ã“ã®è¨˜äº‹ã¯ã€ç§ãŒã“ã¡ã‚‰ã«å…¬é–‹ã—ãŸã‚‚ã®ä¸ã§ã¯æœ€ã‚‚èªã¾ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ãã“ã§ã€åŸ·ç†å¾Œã«æ°—ã¥ã„ãŸã“ã¨ã€å¤ããªã£ãŸæƒ…å ±ã€æ–°ã—ã„æŠ€è¡“å‹•å‘ãªã©ã‚’è€ƒæ…®ã«å…¥ã‚Œã¦æ”¹è¨‚ã‚’ã—ã¾ã—ãŸã€‚ä¸»ãªå¤‰æ›´ç‚¹ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ï¼š æ–°ã—ã„ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®è¿½åŠ æœ€è¿‘ã®æœ¬ã®ç´¹ä»‹ ç´°ã‹ãªè¡¨ç¾ã®ä¿®æ£ ã“ã®è¨˜äº‹ã¯è¤‡æ•°ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã®ã§ã€å‰ç·¨ã‹ã‚‰å§‹ã‚ã€é †ç•ªã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ä½•ã‹ãŠæ°—ä»˜ãã®ç‚¹ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã€ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã€ã‚‚ã—ãã¯konoã‚¢ãƒƒãƒˆãƒžãƒ¼ã‚¯ucsd.eduã«ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ã€å¯è¦–åŒ–ã®å°‚é–€
msakamoto-sf 2015/08/17
visualization

å¯è¦–åŒ–

Processing
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§è¦‹ã‚‹ä¸–ç•Œã‚µã‚¤ãƒãƒ¼æ”»æ’ƒå¤§æˆ¦äº‰
ä»Šã“ã®çž¬é–“ã‚‚æ”»æ’ƒãŒâ€¦ã€‚ ã‚«ãƒªãƒ•ã‚©ãƒ«ãƒ‹ã‚¢å·žã«ã‚ã‚‹ã‚µã‚¤ãƒãƒ¼ã‚¤ãƒ³ãƒ†ãƒªã‚¸ã‚§ãƒ³ã‚¹ã¨ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®ä¼šç¤¾NorseãŒã€ã‚µã‚¤ãƒãƒ¼æ”»æ’ƒãŒèµ·ãã¦ã„ã‚‹æ§˜åã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹åœ°å›³ã‚’é–‹ç™ºã—å…¬é–‹ã—ã¾ã—ãŸã€‚ã‚µã‚¤ãƒˆè¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ã¾ã‚‹ã§ã‚²ãƒ¼ãƒ ã®ç”»é¢ã‚’è¦‹ã‚‹ã‚ˆã†ã§ã™ãŒã€ã‚‚ã®ã™ã”ã„æ•°ã®æ”»æ’ƒãŒä»Šã“ã®çž¬é–“ã‚‚èµ·ãã¦ã„ã¾ã™ã€‚ATMã‹ã‚‰ä¼æ¥ãƒ¡ãƒ¼ãƒ«ã€ã•ã¾ã–ã¾ãªã‚‚ã®ã‚’ç›¸æ‰‹ã«æ”»æ’ƒãŒè¡Œãªã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ åœ°å›³ã®ã‚µã‚¤ãƒˆã«ã¯ã€æ”»æ’ƒã®ç™ºä¿¡å›½ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå›½ã€ç¨®é¡žã€ãã—ã¦ç™ºç”Ÿæ—¥æ™‚ãŒè¨˜ã•ã‚Œã¦ã„ã¾ã™ã€‚æ”»æ’ƒå…ƒã§ã‚‚ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã§ã‚‚ã€ç±³å›½ãŒãƒ€ãƒ³ãƒˆãƒ„ãƒˆãƒƒãƒ—ã€ã¾ãŸã¯å¿…ãšä¸Šä½ã«ã¯ã„ã£ã¦ã„ã¾ã™ã€‚æ”»æ’ƒå…ƒã¨ã—ã¦ã¯ä¸å›½ã‚‚ä¸Šä½å…¥ã‚Šã€‚ Norseã¯ã€40ã‚«å›½150å€‹ã®ãƒ‡ãƒ¼ã‚¿ã‚»ãƒ³ã‚¿ãƒ¼ã‹ã‚‰ã®è†¨å¤§ãªãƒ‡ãƒ¼ã‚¿ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€1æ—¥ã«130ãƒ†ãƒ©ãƒã‚¤ãƒˆã‚‚ã®æƒ…å ±ã‚’å‡¦ç†ã—ã¦ã„ã‚‹ã¨ã„ã„ã¾ã™ã€‚ã†ã¡800ä¸‡ä»¶ã»ã©ã¯NorseãŒãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ã™ã‚‹ãƒãƒ‹ãƒ¼ãƒãƒƒãƒˆã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã‹ã‚‰å¾—ã¦ã„ã‚‹æƒ…å ±ã§
msakamoto-sf 2014/07/03
Security

visualization
ãƒªãƒ³ã‚¯
#å¯è¦–åŒ– ãƒ„ãƒ¼ãƒ«ç¾çŠ¶ç¢ºèªä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸ - ã™ãšã‘ã‚“ãƒ¡ãƒ¢
å¯è¦–åŒ–ãƒ„ãƒ¼ãƒ«ã®ã“ã¨ãŒã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ç¾çŠ¶ç¢ºèªä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ å¯è¦–åŒ–ãƒ„ãƒ¼ãƒ«ç¾çŠ¶ç¢ºèªä¼š on Zusaar http://www.zusaar.com/event/7437003 LTã®ã‚¹ãƒ©ã‚¤ãƒ‰ï¼†ãƒ–ãƒã‚°ã¾ã¨ã‚ ã‚ãŒã£ã¦ã„ã‚‹ã‚‚ã®ã‹ã‚‰éšæ™‚æ›´æ–°ã—ã¾ã™ã€‚ å¯è¦–åŒ–ãƒ„ãƒ¼ãƒ«ç´¹ä»‹ ï¼ˆshowyouã•ã‚“ï¼‰ Classification of Visualize Tool from show you å¯è¦–åŒ–ãƒ„ãƒ¼ãƒ«ç¾çŠ¶ç¢ºèªä¼šã§DISã£ã¦ãã¾ã—ãŸ #å¯è¦–åŒ– - White scenery @showyou, hatena http://showyou.hatena blog.com/entry/2014/06/05/003432 Mackerel ã¨ Graphite ã«ã¤ã„ã¦ ï¼ˆy_uuk1ã•ã‚“ï¼‰ Mackerel ã‚’ä½¿ã£ãŸã‚µãƒ¼ãƒãƒ¡ãƒˆãƒªã‚¯ã‚¹å¯è¦–åŒ–ã®èƒŒæ™¯ã£ã½ã„ã‚„ã¤ #å¯è¦–åŒ– - ã‚†ã†ã†ããƒ–ãƒã‚° http:/
msakamoto-sf 2014/06/05
d3.js

visualization

InfluxDB

Graphite
ãƒªãƒ³ã‚¯
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚„ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ç‰ã‚’æç”»ã§ãã‚‹ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œvis.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
vis.js | a dynamic, browser-based visualization library ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚„ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ç‰ã‚’æç”»ã§ãã‚‹ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œvis.jsã€ã€‚ ã¾ãšã€æ¬¡ã®ã‚ˆã†ãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã£ã½ã„ã‚‚ã®ã§ã€å›³ã‚’åˆ†ã‹ã‚Šã‚„ã™ãå‡ºæ¥ã¾ã™ã€‚ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ç§»å‹•ã•ã›ã‚‹ã¨ãã«ã‚ƒãã«ã‚ƒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹éŠã³ã‚‚ã‚ã‚Šã¾ã™ æ¬¡ã®ã‚ˆã†ãªè¤‡é›‘ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’æç”»ã™ã‚‹ã‚ˆã†ãªæ©Ÿèƒ½ã‚‚ã‚ã‚‹ã¿ãŸã„ã€‚ â€‹ã‚µãƒ³ãƒ—ãƒ«ãŒè±Šå¯Œã§ã€é ã«å…¥ã‚Œã¦ãŠã‘ã°ã„ã–ã¨ã„ã†æ™‚ã«ä½¿ãˆãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è‰²ã€…ãªãƒ‡ãƒ¼ã‚¿ã‚’ç°¡å˜ã«ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰åŒ–ï¼†ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã§ãã‚‹ã€ŒReportrã€ ãƒ‡ãƒ¼ã‚¿åˆ†æžã‚„è³‡æ–™ä½œã‚Šç‰ã«æ´»ã‹ã›ã‚‹TSVã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦æ§˜ã€…ã«ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºå‡ºæ¥ã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã€ŒRawã€
msakamoto-sf 2014/04/19
javascript

visualization
ãƒªãƒ³ã‚¯
ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰æ§‹ç¯‰ç”¨UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Dashing MOONGIFT
Dashingã¯ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ã‚°ãƒ©ãƒ•ã‚’è¡¨ç¤ºã—ãŸã‚Šä¸¦ã³æ›¿ãˆãŒè‡ªç”±ã«ã§ãã¾ã™ã€‚ ã‚·ã‚¹ãƒ†ãƒ ã«ã¯å¿…ãšç®¡ç†ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚è¡¨å‘ãè¯ã‚„ã‹ã§ã‚‚ã€è£ã®ã‚·ã‚¹ãƒ†ãƒ ã¯ä¸ã®äººç”¨ã¨ã‚ã£ã¦ç²—é›‘ãªUIã§ã‚ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒDashingã§ã™ã€‚ ãªã‚“ã¨å¥‡éº—ãªãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã«ã‚ˆã‚‹é…ç½®æ›ãˆã‚‚å¯èƒ½ã§ã™ã€‚ è‡ªåˆ†ã®è¦‹ã‚„ã™ã„ã‚ˆã†ã«é…ç½®ã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ Dashingã¯æ•°å€¤ã‚„ãƒ‡ãƒ¼ã‚¿ã®ãƒªã‚¹ãƒˆã‚’ç¢ºèªã™ã‚‹ã®ã«ã´ã£ãŸã‚Šãªãƒ¢ãƒ€ãƒ³ãªUIã¨ãªã£ã¦ã„ã¾ã™ã€‚ç´°ã‹ãªãƒ‡ãƒ¼ã‚¿ç®¡ç†ãŒã§ãã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚’ãƒã‚§ãƒƒã‚¯ã—ãŸã‚Šã™ã‚‹ã®ã«ã´ã£ãŸã‚Šã§ã™ã€‚APIãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã‚Œã«ã‚ã‚ã›ã¦ãƒ‡ãƒ¼ã‚¿ã‚’é…ä¿¡ã™ã‚Œã°DashingãŒè¯éº—ãªUIã«ã—ã¦ãã‚Œã‚‹ã¯ãšã§ã™ã€‚ Dashingã¯Rubyè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ Webã‚µã‚¤ãƒˆã®è¡¨ã®UIãŒæ•´ã£
msakamoto-sf 2014/03/09
JavaScript

Ruby

visualization
ãƒªãƒ³ã‚¯
ã“ã® Visualization ãŒã™ã”ã„2014 ã€œãƒ‡ãƒ¼ã‚¿ä¸–ç•Œã‚’å½©ã‚‹ãƒ„ãƒ¼ãƒ«6é¸ã€œ
1. 1 ã€Œã“ã® Visualiza)on ãƒ„ãƒ¼ãƒ«ãŒã™ã”ã„2014ã€ ã€œãƒ‡ãƒ¼ã‚¿ä¸–ç•Œã‚’å½©ã‚‹ç¾Žã—ããƒ„ãƒ¼ãƒ«6é¸ã€œ March 2nd, 2014ã€€ãƒ‡ãƒ¼ã‚¿å¯è¦–åŒ–å‹‰å¼·ä¼š Presented by Takahiro Inoue â€“ Chief Data Scien:st 2. 2 Agenda 1. 2. 3. 4. 5. 6. 7. 8. Introduc:on Learning Visualiza:on è¡¨è¨ˆç®—éƒ¨é–€ï¼šaabel3 Takahiro noue â€“ Chief Data Dashboard éƒ¨é–€ï¼šMetric IInsights Scien:st BI éƒ¨é–€ï¼štableau çµ±è¨ˆã‚½ãƒ•ãƒˆéƒ¨é–€ï¼šggplot2 æŠ½è±¡åŒ–éƒ¨é–€ï¼šNeo4jï¼ˆGraph Databaseï¼‰ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°éƒ¨é–€ï¼šd3.jsï¼ˆçœç•¥ï¼‰ Presented by 4. 4 Introduc)on â€¢â€¯ Takahiro I
msakamoto-sf 2014/03/02
visualization

å¯è¦–åŒ–
ãƒªãƒ³ã‚¯
ElasticSearch+Kibanaã§ãƒã‚°ãƒ‡ãƒ¼ã‚¿ã®æ¤œç´¢ã¨è¦–è¦šåŒ–ã‚’å®Ÿç¾ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨é‹ç”¨ãƒŽã‚¦ãƒã‚¦
ç™ºè¡¨ãƒ¬ãƒãƒ¼ãƒˆãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚ http://y-ken.hatena blog.com/entry/elasticsearch-meetup-vol2Read less
msakamoto-sf 2013/12/23
kibana

java

visualization

ElasticSearch

fluentd
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ„ãƒ¼ãƒ«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ç¨®é¡žã®ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©ã®ãƒ„ãƒ¼ãƒ«ã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã€ãã®ã†ã¡ã„ãã¤ã‹ã¯ã™ã§ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚
msakamoto-sf 2013/09/01
visualization

Excel

JavaScript
ãƒªãƒ³ã‚¯
JavaScript diagramming library for interactive UIs â€“ JointJS
demosOne library, â€unlimited UI optionsEnjoy interactive flowcharts, BPMN and other diagramming studios directly inside your app. Tap into our templated apps and cut development time to days.
msakamoto-sf 2013/07/29
JavaScript

visualization
ãƒªãƒ³ã‚¯
Brython
Brython
msakamoto-sf 2013/06/02
Python

HTML5

JavaScript

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