Code Archive Skip to content Google About Google Privacy Terms
控えめな Brainfuck コードを色づけする GM を見て、唐突に思いついたので作ってみました。 可視化する対象のコードは、 竹迫さんのTAKESAKO @ Yet another Cybozu Labs: Brainf*ckで100までの素数を列挙してみるテストと、奥さんのKazuho@Cybozu Labs: brainf*ck でマジメに素数探索。 まず、竹迫さんのコードの全体像。 そして一部拡大した物がこれ。 各頂点が1つの命令で、太い辺が命令の隣接関係、 細い辺が括弧の対応関係です。+が赤、-が青、.が緑になっています。 竹迫さんのコードは実は数字を作って表示するだけのコードなので、 大局的な構造がありません。 大まかに見ると「小さなループが所々にある1本の紐」です。 可視化する際も、頂点を徐々にy座標を増やしながら作るだけでこんな風に ほとんどもつれずに表示されました。 い
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
I just posted this new tutorial on jsviz.org... JSViz 0.3.3 includes a few examples to help you get started. In this tutorial, I'm going to go over one of them. We'll create a Snowflake Graph from the contents of an XML file. You can find the example source, with comments based on this tutorial in the 0.3.3 Distribution. Here's the final product 1) Start with a new HTML file Add appropriate JSViz
To use the Chart widget the chart.js, canvaschartpainter.js and canvaschart.css files needs to be included. Furthermore for IE support the excanvas.js files needs to be included. <script type="text/javascript" src="includes/excanvas.js"></script> <script type="text/javascript" src="includes/chart.js"></script> <script type="text/javascript" src="includes/canvaschartpainter.js"></script> <link rel=
http://rails2u.com/misc/hatena_hotkeyword_graph.user.js はてなの注目キーワードではその日どんなキーワードを注目されているかが解って結構面白いです。視覚的に解るともっと面白いかもー、というわけで PlotKit + GreaseMonkey でサクッと作ってみました。 こんな感じで表示されます。1画面内のグラフに主だったキーワードが表示されるので、「あっ、そういえばこの日こんな事あったよー」というのが解って割と面白いと思います。もちろんジャンル事の表示などにも対応してます。また例えば先日の大停電の日のグラフですが このように、普段あまり使われてない「東電」というキーワードが一時的にめちゃくちゃ使われてる事が解って面白いです。 技術的なところでは、GreaseMonkey の開発ならヤツに丸投げまかせろ!でお馴染みな砂糖さん の外部ライブ
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
canvas を使った JavaScript によるグラフ描画ライブラリ 2006-02-13-1: [JavaScript][Code] - new Javascript/Canvas Graph library http://aslakhellesoy.com/articles/2006/02/09/announcement-new-javascript-c ... HTML の canvas タグを使ったグラフ描画ライブラリ.アルゴリズムはスプリングモデル. canvas タグは Safari 2,Firefox 1.5,Opera 9 でサポートされている. 使い方は非常に簡単で,上記の画像は以下のソースで実現.本体は graph.js というファイル. <canvas id="people" width="350" height="350" style="border: 1px
Force Directed Graphs are self-organizing, visually appealing tools for representing relational data. The look is organic, because algorithms simulate the way charged particles arrange in space. They work great in user interfaces because the user has access to data nodes while the graph is being organized. Take a look (go ahead and play, they're interactive): Show Example So, what am I using these
2006-05-31 web tool HTML DOM Visualizer - SmallStyle (2006-05-28) 経由。Websites as graphs - an HTML DOM Visualizer Applet を使うと指定したサイトの html を解析して DOM を視覚化して見せてくれるとのこと。ということで、このサイトのを試しにやってみました。 色のついた玉(何)はそれぞれ以下の要素を表わしているそうです。 blue for links (the A tag) red for tables (TABLE, TR and TD tags) green for the DIV tag violet for images (the IMG tag) yellow for forms (FORM, INPUT, TEXTAREA, SELECT and OPTIO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く