Deflate (gzip) のアルゴリズムを視覚化してみた
のような感じにエンコードされることが分かります。 自分の好きなデータで試すことができて便利！という話でした。 PS. 以下は実行結果です。 % make % gzip < alice.txt > alice.txt.gz % ./puff -10 alice.txt.gz puff() succeeded uncompressing 1328 bytes 8 compressed bytes unused inpos=406,inbits=224,outpos=0,outbytes=45 41 6c 69 63 65 20 77 61 73 20 62 65 67 69 6e 6e 69 6e 67 20 74 6f 20 67 65 74 20 76 65 72 79 20 74 69 72 65 64 20 6f 66 20 73 69 74 74 A l i c e w a s b
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
ツイッターのフォロワーの分布を地図にしてくれるTweepsMap
TweepsMapでは、ツイッターのアカウントでログインすると、フォローしてくれている人の所在地情報を集計して、世界地図上に人数をプロットしてくれます。 13万人をカウント中… “Tweet my resul […] TweepsMapでは、ツイッターのアカウントでログインすると、フォローしてくれている人の所在地情報を集計して、世界地図上に人数をプロットしてくれます。 13万人をカウント中… “Tweet my results automatically”のチェックを外さないと、結果ページを勝手につぶやかれてしまいます。 さすがに日本からのフォローばかりでした。 デフォルトは国毎の集計ですが、State/Provinceを指定すると、都道府県ごとに、全体の何%の人がその都道府県からフォローしているかを表示してくれます。Cityでは都市ごとの集計。 以前も他のサービスで見て、なんでだろうと気
微分方程式を図解する
物理では（実は物理によらず、いろいろな場面では）「微分方程式を解く」必要があることが多い。なぜなら、物理法則のほとんどが「微分形」で書かれているからである。「微分形で書かれている」というのは「微小変化と微小変化の関係式で書かれている」と言ってもよい。物理の主な分野における基礎方程式は、運動方程式 を初めとして、微分方程式だらけなのである。 微分方程式を解くには、積分という数学的技巧が必要になる。そのため「ややこしい」と嫌われる場合もあるようだ。 計算ではなく図形で「微分方程式を解いて関数を求める」というのはどういうことなのかを感じていただけたらと思い、アニメーションプログラムを作った。ただ計算するのではなく、「何を計算しているのか」をわかった上で計算のテクニックを学んだ方が理解は深まると思う。 ここでは微分方程式の中でも一番単純な「一階常微分方程式」を考える。「一階常微分方程式を解く」とは
インターネット地図 – ロシアからやってきた、世界のウェブサイトの勢力と距離を現すインタラクティブ地図
インターネット地図 – ロシアからやってきた、世界のウェブサイトの勢力と距離を現すインタラクティブ地図 ロシアのInternet Mapは、ウェブの世界をGoogle地図のスタイルで表現した、ネット世界地図ともいうべきサイトです。 # スタイルだけじゃなくてGoogle地図のコードも使っていますね 自動翻訳と英語の紹介から […] ロシアのInternet Mapは、ウェブの世界をGoogle地図のスタイルで表現した、ネット世界地図ともいうべきサイトです。 # スタイルだけじゃなくてGoogle地図のコードも使っていますね 自動翻訳と英語の紹介から類推すると、サイトの訪問者数がそのドメインの大きさに対応し、サイト間の関係が強いとサイトが近くに配置されるように作られているということです。 トップは全世界を表示してますが、 右下の紫っぽい部分が日本語ウェブになります。左下の黄色の部分は中国語。
クラスタリングの定番アルゴリズム「K-means法」をビジュアライズしてみた
集合知プログラミング を読んでいたら、K-means 法（K平均法）の説明が出てきました。 K-means 法はクラスタリングを行うための定番のアルゴリズムらしいです。存在は知っていたんだけどいまいちピンときていなかったので、動作を理解するためにサンプルを作ってみました。 クリックすると１ステップずつ動かすことができます。クラスタの数や点の数を変更して、Restart を押すと好きなパラメータで試すことができます。 こうやって１ステップずつ確認しながら動かしてみると、意外に単純な仕組みなのが実感できました。 (追記) HTML5 版の K-means 法を D3.js でビジュアライズしてみた も作成しました。Flash を表示できない環境ではそちらをご覧ください。 K-means 法とは K平均法 - Wikipedia に詳しく書いてあるけど、もうすこしザックリと書くとこんなイメージに
print_oで複雑な構成のオブジェクトグラフをビジュアライズする
PHPにはvar_dump()という関数があり、階層構造を持つオブジェクト（オブジェクトグラフ）をテキスト表現にできます。この情報を、グラフィカルで直感的に分かりやすい形式で出力するためのユーティリティがprint_oです。@koriymさんが開発されています。 koriym/print_o An object graph visualizer for PHPprint_oのインストール方法print_oはPHPのライブラリとしては単独で利用可能です。Webブラウザへの描画用に外部のJavaScript/CSSを利用していますが、これらはGoogleやGitHubにホストされたファイルを読み込むようになっています。したがってインターネットに接続された環境であれば、print_o本体のインストール以外に特別な手順は不要です。 たとえばcomposerを利用する場合は、composer.jso
世界各国の元首や外交官・著名人らのツイッターでの関係ややりとりを可視化したe-Diplomacy地図 | 秋元@サイボウズラボ・プログラマー・ブログ
AFP通信が作成したe-Diplomacy(e-外交)地図は、ツイッターを使って発信している国家元首や政党・政治家・活動家・政治について語る批評家・大手メディアなどの情報を世界から集めて一堂にまとめたサイトです。 地図のページで日本を選ぶと、イギリスの日本大使館とアメリカ大使館のアカウントでやりとりしている、といった情報が出てきました。 アメリカも表示すると、インタラクションのある国やアカウントの多さが際立って見えます。 世界から集められたツイッターアカウントは2700名を超えており、日本からは今のところ24人、国会議員や首長、著名人・政治団体や大手メディアのツイッターアカウントらがリストされています。また、各国の日本大使館のツイッターアカウントなども地図上では出てきます。 この人選が妥当かどうかはわかりませんが、ツイッターを活用している政治家やツイッター上で政治的に影響力を持つ人で漏れて
可視化された Android OS アップデート問題
先日、ここでも触れた Android OS のアップデート問題。Android 端末がどのくらいの勢いで「陳腐化（OSのアップデートから見放されること、セキュリティ・パッチの配布が止まること）」するかをとても分かりやすく表現しているブログ・エントリーを見つけたので紹介する。 Android Orphans: Visualizing a Sad History of Support iPhoneの場合（上から４つ）は、新機種が発売されてから３年間は陳腐化することはない（緑色）が、Android 端末の場合、大半がすぐに陳腐化（黄色から赤）してしまっていることが良く分かる。 特に問題なのは、発売当初から１〜２世代前のバージョンを搭載した「生まれた時から陳腐化」している端末。中でも Motorola Cliq XT が最悪で、発売された時から２世代遅れており、発売後３ヶ月で３世代遅れになり、その
Data Structure Visualization
Currently, we have visualizations for the following data structures and algorithms: Basics Stack: Array Implementation Stack: Linked List Implementation Queues: Array Implementation Queues: Linked List Implementation Lists: Array Implementation (available in java version) Lists: Linked List Implementation (available in java version) Recursion Factorial Reversing a String N-Queens Problem Indexing
ユーザーのニーズを把握する7のフリーのHeatmapツール
ヒートマップとはクリックした場所を 把握する為のアクセス解析の類で 物を言わないユーザーの行動 パターンを把握し、ユーザビリティに 繋げる為に使用されます。決して 熱い地図とか情熱大陸の英語版 等ではないです（分かるがな そんな便利なヒートマップですが、多くは有料のサービスで以前は 無料版もあった有名なCrazy EggもＡｌｌ有料に なってしまったので無料で使用出来るヒートマップのサービスや ソフトウェアを７つご紹介します。 ClickHeat 個人的には一番使いやすい印象でした。インストール型ですが、 インストールも簡単で日本語化されています。GPLで配布される オープンソースのアクセス解析ソフトで、PHP、MySQLで動きます。 使用法ClickHeatをDLして解凍、フォルダごとアップロードします。フォルダ名はClickHeatとします。 http://example.com/Cl
はてな村の勢力地図『HatenarMaps』を大幅リニューアルしました - kaisehのブログ
はてなダイアリーの上位ブロガーと人気エントリーを地図化したサイト、HatenarMapsを大幅にリニューアルしました。いろいろと新機能を追加しましたので、順に紹介します。 ※過去のHatenarMapsについてはこちらのエントリーをご覧ください。 新機能1: 人口を最大3000人に 今まで、HatenarMapsの収容ユーザ数は最大1000人でしたが、これを最大3000人に大幅増員しました。TopHatenarでブックマーク数が3000位以内にランクしていて、かつブックマークにタグが一定量以上付いているユーザが対象になります。 以下の画像を見ると分かるように、非常に人口密度が高くなりました。 新機能2: ブックマークコメントのビーム(？)表示 特定の領土をクリックすると、そこに対して書かれたブックマークコメントが、コメント投稿主からビームのようにアニメーションで飛んできます。 新機能3:
HatenarMaps - はてな村勢力地図
Congratulations You have successfully installed the OpenLiteSpeed Web Server! You should replace this page with your own web pages. It is not recommended to copy files into the directory where this page located, they might be over-written during upgrade or reinstallation. Create a new virtual host and map a listener to it. Have no clue? Please read the Documentation. For your web administration lo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【多村サヨナラ弾】昨日のDeNA-巨人の勝利確率の推移wwwwwwww:＜データ・ランキング＞:僕自身なんJをまとめる喜びはあった
素因数分解ダイアグラム表示したるで――――――――――
ClickHeat | What's hot on your website ?
http://kurage.kilo.jp/bigheat
vizoo - 経済データのグラフ作成・共有サイト ビズー