Python Tutor - Visualize Code Execution
Python Tutor is designed to imitate what an instructor in an introductory programming class draws on the blackboard: Instructors use it as a teaching tool, and students use it to visually understand code examples and interactively debug their programming assignments. Quick links: Documentation and unsupported features FAQ for instructors using Python Tutor How the Python Tutor visualizer can help
エンジニアã®ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿å¯è¦–化実践入門ã¨ã„ã†æœ¬ã‚’書ã„㟠- ã‚ã‚“ã¡ã¹ï¼
2014/10/14 追記 本書87ページã«ã€Œæ¯æ•°ã€ã¨ã„ã†å˜èªžãŒè¤‡æ•°å›žå‡ºã¦ãã¾ã™ãŒã€ ã“ã‚Œã¯å…¨ã¦ã€Œåˆ†æ¯ã€ã¨ã™ã¹ãã§ã—ãŸã€‚*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
データビジュアライゼーション・ツール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種類ã®ãƒ„ールを紹介ã—よã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©ã®ãƒ„ールã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã€ãã®ã†ã¡ã„ãã¤ã‹ã¯ã™ã§ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。
GrowthForecast - Lightning fast Graphing / Visualization
GrowthForecast is a web tool that let's you graph all sorts of metrics via a WebAPI. Our simple API let's you create and update charts in real time, customize your charts through a Web interface, and create charts that combine multiple metrics. You can graph your MySQL data with 1 line of code $ crontab -l */5 * * * * curl -F number=`mysql -BN -e 'select count(*) from member' game` http://example.
Cytoscape: An Open Source Platform for Complex Network Analysis and Visualization
NRNB and Cytoscape Introduction to the National Resource for Network Biology How to Cite Cytoscape Cytoscape project needs your support! Please cite the original Cytoscape paper when you use Cytoscape. This is critical to sustaining our federal funding. Shannon P, Markiel A, Ozier O, Baliga NS, Wang JT, Ramage D, Amin N, Schwikowski B, Ideker T. Cytoscape: a software environment for integrated mod
日本ã®å¸‚区町æ‘ã®ã¤ãªãŒã‚Šã‚’cytoscapeã§å¯è¦–化 - 蟻ã®å®Ÿé¨“工房（別館ラボ）
cytoscapeã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å¯è¦–化/解æžã®ãŸã‚ã®ãƒ—ラットフォームhttp://www.cytoscape.org/ GUIã§ç°¡å˜ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ã‚’作図ã§ãるツールãªã®ã§ã™ãŒã€xlsファイルã‹ã‚‰ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚’エクスãƒãƒ¼ãƒˆã™ã‚‹äº‹ã‚‚出æ¥ã‚‹ã¨ã®äº‹ãªã®ã§ã€ä»Šå›žã¯ã“れを利用ã—ã¦æ—¥æœ¬ã®å¸‚区町æ‘ã®ã¤ãªãŒã‚Šã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚’å¯è¦–化ã—ã¦ã¿ã¾ã™ã€‚ ツールã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ http://www.cytoscape.org/ 今回試ã™ã®ã¯å¸‚区町æ‘ã®éš£æŽ¥ãƒ‡ãƒ¼ã‚¿CSVファイルを少ã—åŠ å·¥ã—㦠FROM県å＋FROM市区町æ‘å,TO県å+TO市区町æ‘å ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’作æˆã—ã¾ã™ã€‚ データã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã“ã‚“ãªæ„Ÿã˜ 三é‡çœŒã„ãªã¹å¸‚ å²é˜œçœŒå¤§åž£å¸‚ 三é‡çœŒã„ãªã¹å¸‚ å²é˜œçœŒé¤Šè€ç”º 三é‡çœŒã„ãªã¹å¸‚ 滋賀県多賀町 三é‡çœŒã„ãªã¹å¸‚ 三é‡çœŒæ±å“¡ç”º 三é‡çœŒã„ãªã¹å¸‚ 三é‡çœŒæ¡‘å市 三é‡çœŒã„ãªã¹å¸‚ 三é‡çœŒè°é‡Žç”º 三é‡çœŒã„ãªã¹å¸‚ 滋賀県
Ant Labo. 蟻ã®å®Ÿé¨“工房 | 「ã¤ãªãŒã‚Šã€ã‚„「å¯è¦–化ã€ã‚’コンセプトã¨ã—ãŸå®Ÿé¨“プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’公開
Ant Labo.ã¯ANCONE ( Ant's Connection Network site ) ã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä¸å¿ƒã¨ã—ãŸå®Ÿé¨“工房ã§ã™ã€‚ 蟻ã®å®Ÿé¨“工房（本サイト）ã§ã¯èŸ»ã®ç®¡ç†äººãŒå®Ÿé¨“çš„ã«é–‹ç™ºã—ãŸè‰²ã€…ãªã‚‚ã®ã‚’公開ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 当é¢ã¯ANCONE PROJECTã‚’ä¸å¿ƒã¨ã—ãŸæƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ãã¾ã™ã€‚ ANCONEã®æ£å¼å称㯠Ant's connection network site（蟻ã®ã¤ãªãŒã‚Šãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚µã‚¤ãƒˆï¼‰ã§ã™ã€‚ ã¤ãªãŒã‚Šãƒžãƒƒãƒ—を投稿出æ¥ã‚‹ã‚µã‚¤ãƒˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ (詳ã—ãã¯ã“ã¡ã‚‰) ANCONE開発プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ANCONE PROJECTã¨å‘¼ã‚“ã§ã„ã¾ã™ã€‚ ç¾åœ¨ã¯ã‚ªãƒ¼ãƒ—ンβ版ã®ä½ç½®ã¥ã‘ã§ã™ãŒã€ã‚る程度安定ã™ã‚Œã°æ£å¼ãƒªãƒªãƒ¼ã‚¹ã¨ã—ãŸã„ã¨è€ƒãˆã¦ãŠã‚Šã¾ã™ã€‚ 公開ã§ãる範囲ã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æŠ€è¡“çš„ãªæƒ…å ±ã‚‚å…¬é–‹ã—ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ãれ以外も色々ã¨ã¤ã¥ã£ã¦ã„ããŸ
都é“府県市区町æ‘csvデータ公開ãã®2　 - 蟻ã®å®Ÿé¨“工房（別館ラボ）
@merborneã•ã‚“ãŒã€ä»¥å‰å…¬é–‹ã—ãŸã€Œwikipediaã®éš£æŽ¥å¸‚区町æ‘ã®è¨˜è¼‰ã‚’データベース化ã—ãŸã‚‚ã®ã‚’csvã§å…¬é–‹ - 蟻ã®å®Ÿé¨“工房（別館ラボ）〠http://d.hatena.ne.jp/antlabo/20121029/1351520444 を利用ã—㦠「 Graphvizã§ä½œã‚‹ã€ç§ãŸã¡ã®å›½ã€Œæ—¥æœ¬ã€ã®æœ¬å½“ã®å§¿ã‹ãŸã¡ã€ã‚’作ã£ã¦ãã‚Œã¾ã—ãŸã€‚ http://melborne.github.com/2013/03/22/map-of-japan/ 普段ã®é ã®ä¸ã«ã‚る日本ã¨ã¯é•ã£ãŸå½¢ã®æ—¥æœ¬ãŒç¾ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã†å¯è¦–化凄ã好ãã§ã™ã€‚ @merborneã•ã‚“ã¯ä»–ã«ã‚‚「AKB48ã€ã‚„ã€Œç´ æ•°ã¨ãƒ•ã‚£ãƒœãƒŠãƒƒãƒæ•°ã®å‡ºä¼šã„ã€ã‚‚å¯è¦–化ã•ã‚Œã¦ã„ã‚‹ç´ æ™´ã‚‰ã—ã„æ–¹ã§ã™ã€‚ http://melborne.github.com/ ã§ä»Šå›žã®æœ¬é¡Œã§ã™ãŒã€2011å¹´ã¨ã™ã“ã—å¤ã„データã§ã™ãŒéš£æŽ¥å¸‚区町æ‘csvデータã®å¸‚区町æ‘
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
Programming Languages Influence Network | Exploring Data
Loading the data may take a while, please be patient... Graph Navigation You can zoom in and out the graph with the mouse wheel. You can move the graph by clicking and holding the left mouse button and moving the mouse. Language Information When you click on a language node in the graph a modal window with information about the language will be displayed. Language Search Search for a language name
Using Three.js with Neo4j
Last week we saw Sigma.js, and as promised here is a graph visualization with Three.js and Neo4j. Three.js is a lightweight 3D library, written by Mr. Doob and a small army of contributors. The things you can do with Three.js are amazing, and my little demo here doesn’t give it justice, but nonetheless I’ll show you how to build it. We need to pass the nodes and relationships to Three.js, one of t
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
具体例ã§å¦ã¶ï¼æƒ…å ±å¯è¦–化ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
第3回　ツリーマップã«ã‚ˆã‚‹æœ¨æ§‹é€ ã®å¯è¦–化（å‰ç·¨ï¼‰ | gihyo.jp
ã¯ã˜ã‚ã« å‰å›žã¯ã€çµ±è¨ˆå¦çš„観点ã‹ã‚‰ã®æƒ…å ±å¯è¦–化ã¸ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã—ã¦ã€ã€Œâ 階層的クラスタリングã€ã®æ‰‹æ³•ã‚’紹介ã—ã€ãã®å®Ÿè£…ã¨å‹•ä½œç¢ºèªã‚’è¡Œã„ã¾ã—ãŸã€‚ 今回ã‹ã‚‰ã¯ã€éšŽå±¤çš„クラスタリングã®å®Ÿè¡Œçµæžœã‚’視覚的ã«åˆ†ã‹ã‚Šã‚„ã™ã表ç¾ã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã€ã€Œâ ツリーマップã€ã¨å‘¼ã°ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å–り上ã’ã¾ã™ã€‚ ソースコードã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ 今回作æˆã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã€ã“ã¡ã‚‰ã‹ã‚‰ä¸€æ‹¬ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ZIPファイルを展開ã—ã¦ç”Ÿæˆã•ã‚Œã‚‹ãƒ•ã‚©ãƒ«ãƒ€ã‚’ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦NetBeansã«èªã¿è¾¼ã‚€ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ツリーマップã®æ¦‚è¦ ãƒ„ãƒªãƒ¼ãƒžãƒƒãƒ—ï¼ˆtreemap）ã¨ã¯ã€äºŒæ¬¡å…ƒå¹³é¢ä¸Šã®é ˜åŸŸã‚’入れå状ã«åˆ†å‰²ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€æœ¨æ§‹é€ ã®ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–化ã™ã‚‹æ‰‹æ³•ã§ã™ã€‚ ツリーマップを利用ã—ãŸæƒ…å ±å¯è¦–化ã®æœ‰åãªä¾‹ã¨ã—ã¦ã¯ã€ä¸–ç•Œã®ãƒ‹ãƒ¥ãƒ¼ã‚¹è¨˜äº‹ã‚’タイル状ã«ä¸¦ã¹ã¦é–²è¦§ã§ãã‚‹newsmap（図1）ãŒã‚ã‚Šã¾ã™ã€‚ 図1 ã¾ãŸ
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
oreilly.com
ç´ å› æ•°åˆ†è§£ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ è¡¨ç¤ºã—ãŸã‚‹ã§â€•â€•â€•â€•â€•â€•â€•â€•â€•â€•
Sigma.js
円周率をランダムウォークã§è¦–覚化
We Feel Fine / by Jonathan Harris and Sep Kamvar
{{#tags}}- {{label}}
{{/tags}}