タグ

グラフに関するnihohiのブックマーク (13)

  • webアプリ(perlやjavascript)でグラフ表示なら、Highcharts で決まりかも - end0tknr's kipple - web写経開発

    2013/6/23追記 www.fusioncharts.com によるグラフ・ライブラリの比較表を追加 http://www.fusioncharts.com/javascript-charting-comparison/ 2014/11/7追記 amChartsというものを見つけました。詳しく見ていませんので、参考として www.amcharts.com http://d.hatena.ne.jp/end0tknr/20110514/1305359945 以前、perlで利用できるグラフ生成ツールを調べて見ましたが、moongiftで「IE6から使えるSVG/VMLを使った高機能JavaScriptグラフライブラリ「Highcharts」が紹介されていたので、試しに使ってみました。 ライセンスが...という方は、canvasChart ( http://jsgt.org/c/ )も良さ

    webアプリ(perlやjavascript)でグラフ表示なら、Highcharts で決まりかも - end0tknr's kipple - web写経開発
  • 湯葉でも分かるHighcharts — 湯葉でも分かるHighcharts 0.1 documentation

    このドキュメントについて¶ この文書は @yubais が、ホワイトデーにお返しする相手がいなくて暇だったから書いたものです。 内容に関する責任は負いかねます。 ここに書いている内容は、以下の環境で動作をなんとなくチェックしています。 Highcharts 2.3.3, jQuery 1.8.2 Google Chrome 25.0, Firefox 19.0, Safari 6.0, Opera 12.14, Internet Explorer 10 (およびその互換モード) Windows 8, OS X 10.8 Mountain Lion, Ubuntu 12.04, Android 4.2

  • Highstockスゴイ!日本語化もしてみた。 - アーキテクチャをスマートに。

    Yahooファイナンスなんかでよく見られる、株価のチャートを表示する必要があったので、jQueryプラグインで使いやすいのがないか探してたのですが、すごいクールなのが見つかったので紹介。 (あと自分の備忘録も兼ねた記録です) Highstockってなんだ? グラフ描画のための「Highcharts」というjQueryプラグインがあるのですが、それをさらに株価チャート向けバージョンが「Highstock」という位置づけのようです。 すぐに試せるデモサイトがあるので、一度見てみると、、、スゴイです! http://www.highcharts.com/stock/demo/ 見た目もかっこよくて、カスタマイズもいろいろ出来て、IE6でもOK(試してないけど)、使い方もわかりやすそう! Very Cool !!! ってなわけで使ってみました。 使い方は、ググればいろいろ情報が出てくるのでそれだけ

    Highstockスゴイ!日本語化もしてみた。 - アーキテクチャをスマートに。
  • グラフ(ネットワーク)を奇麗に描画するアルゴリズム - mfumiの日記

    グラフはノードと辺の集合から構成されているだけなので,その描画方法は任意です.例として,以下の3つのグラフはどれも同じです. グラフをどうやって奇麗に描画するかという研究は昔からおこなわれていて,そのうちの一つに力学モデルがあります(Wikipedia).このモデルではノード間にある力が作用すると考えてそれが安定するような場所を探します.簡単な例ではノードを電荷だと仮定してそれぞれに働くクーロン力を計算し,それをもとにノード位置の修正をおこないます. 力学モデルのアルゴリズムで代表的なものにFruchterman-Reingold アルゴリズムがあります.このアルゴリズムは多くのグラフを扱うライブラリでサポートされているようです. このアルゴリズムの考え方はシンプルで,ノードに影響する力が2つあります.一つは自分以外の全てのノードからの斥力,もう一つが隣接ノードからの引力です.斥力f_rと

    グラフ(ネットワーク)を奇麗に描画するアルゴリズム - mfumiの日記
  • SciPy+matplotlibで3D散布図を作成(Python) - Qiita

    PythonでSciPy(NumPy)とmatplotlibを使って3D散布図を作成する方法です。 サンプルデータはiris.csvを使用(http://aima.cs.berkeley.edu/data/iris.csv) scipy.genformtxtメソッドで、csvファイルのデータを直接scipy.array形式で取り込むことができます。 scipy.array形式のデータは普通の配列として扱うことができ、さらにd[d[:,0] >= 7]のように簡単に条件に合うレコードを抽出することができます。複数の条件式を使用する場合はビット演算子で連結します。 グラフ描画の際にはscatter3Dメソッドが使えますが、データ数が多いと極端に重くなります。plotメソッドのほうが良いです。 (5/9追記)plotメソッドではデータの読み込み順にプロットが上書きされていくので、プロットが重なっ

    SciPy+matplotlibで3D散布図を作成(Python) - Qiita
  • ぐうたらの部屋

    簡単な2Dグラフを描画する #!/usr/bin/env python """ Example: simple line plot. Show how to make and save a simple line plot with labels, title and grid """ from pylab import * t = arange(0.0, 1.0+0.01, 0.01) s = cos(2*2*pi*t) plot(t, s, '-', lw=2) xlabel('time (s)') ylabel('voltage (mV)') title('About as simple as it gets, folks') grid(True) #savefig('simple_plot.png') savefig('simple_plot') show() 簡単な3Dグラフを描

  • Pythonによるリアルタイムグラフ描画とマイクからの読み取り - Risky Dune

    なぜかマイクからの読み取りとリアルタイムグラフ描画を混ぜる. マイクからの読み取り ライブラリとしてpyaudioを使用した. aptで入る. 以下のプログラムはほとんど公式のサンプル通りだけど, 2秒マイクから音を受け取って, グラフに描画する. import pyaudio import sys import pylab import numpy chunk = 1024 FORMAT = pyaudio.paInt16 CHANNELS = 1 RATE = 44100 RECORD_SECONDS = 2 WAVE_OUTPUT_FILENAME = "output.wav" p = pyaudio.PyAudio() stream = p.open(format = FORMAT, channels = CHANNELS, rate = RATE, input = True, f

    Pythonによるリアルタイムグラフ描画とマイクからの読み取り - Risky Dune
  • Flotを使ったリアルタイムグラフ更新を少しカスタマイズしてみた - Splash of waters - 2nd. Season

    Javascript製のグラフ描画用ライブラリとして、色々あるうち、Flotを使ってみた。 他にもいくつか選択肢はあったんだけど、 Ajaxで外部データを取り込んでグラフ描画が可能 以前も使ったことのある実績(簡単に使える) jQuery製であること ひと通りのAPIが提供されていて、サンプルやリファレンスなどのドキュメントが充実している MITライセンス といった理由により、他の選択肢と比べて一歩抜き出ているので、Flotにしてみた。 今回はリアルタイム更新の機能を試してみたかったので、サンプル( http://people.iola.dk/olau/flot/examples/realtime.html )に少し手を加えてみた。 改良点は、 X軸を時系列にする。 データは外部JSONデータを取り込む。 グラフを複数(2)にする。 初期表示時はデータ数は0個で、更新のたびに1個増えて

    Flotを使ったリアルタイムグラフ更新を少しカスタマイズしてみた - Splash of waters - 2nd. Season
  • Flot Examples

    You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it. Time between updates: milliseconds

  • Flot Examples

  • 解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT

    jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること

  • Jqueryでグラフ表示 - ochi0218の日記

    仕事でグラフを表示したいという要件が出てきた。 そのため、Jqueryでグラフ表示できるプラグインがないか調査することに。 んで、下記が候補として見つかったプラグイン。 jqplot グラフの見栄えがよく、様々なグラフを表示できる。 表現方法が多い。(色やプロットの形など) 特に、グラフをドラッグで変更できる点などは、素晴らしい。 APIも整備されていて、実装時に、探しやすい。 flot 見栄えはjqplotより落ちるが、様々なグラフを表示できる。 機能的な部分が多い。ズーム、スクロール、リアルタイム描画、描画対象の変更等。 軽量のスクリプトになっているので、ソースリーディングが容易。上記2つで作成した所、スマフォでのグラフ表示ということもあり、グラフ内部のスクロールが出来なければならないため、今回は「flot」を採用することにした。 それぞれで作成した方法を記述しておく。 jqplot

    Jqueryでグラフ表示 - ochi0218の日記
  • 中心性

    1.グラフ中心モデル 社会学的な発想やパワー概念よりも、グラフ理論的な定式化により持たされたモデルといえる。次数センター、グラフ・センター、メジアンは距離に基づいた中心性で、切断センター、媒介センター、フロー・センターは脆弱性に基づいた中心性である。 次数センター 点vの次数deg(v)がそのまま中心性の尺度とみなされる。グラフの点の数がNの場合、次数中心性Cdは Cd(v)=deg(v)/(N-1)    となる。 グラフ・センター 点vの離心数(e(v))とは、点vから最も遠い点までの距離である。グラフにおいて、すべての離心数のうち一番小さいものを半径(r(v))といい、最長のものを直径(d(v))という。 e(v)が半径と一致するとき、vは中心点であり、e(v)が直径と一致するとき、vは周辺点という。 メジアン 連結グラフGにおいて点vのステイタス(s(v))をvから他のすべての点ま

    nihohi
    nihohi 2012/11/16
    切断センター:そのノードが除去された場合他の関係が切断されてしまうノードほど中心性が高いと考えに基づいたもの
  • 1