ネットワークグラフ描画ライブラリ7個まとめ - Qiita
参考ページ D3.js D3.js v4/v5 force simulation 最小構成 – サンプル d3.jsでスゴイっぽい図(force layout)を作ってみたら思ったより簡単だった件 sigma.js How to use Sigmajs to display your graph ? vis.js Network Examples vis.jsを使ってネットワークを書く vis.jsでグラフ描写 VivaGraphJS VivaGraphJS Amazon Visualization Cola.js Cola.js cola.jsによるデータビジュアライゼーション Cytoscape.js Cytoscape.jsを試してみた Cytoscape.js でインタラクティブなグラフ構造描画 - WordNet の可視化例 自律分散監視システムとそれを利用したネットワークグラフ
D3.jsでローソク足チャートを描く - goodbyegangsterのブログ
株価のローソク足チャートを描いてみます。これを描いてみたかったので、D3.js触ってみたんですよね。D3.jsには「TechanJS」というファイナンス用のライブラリが存在しており、これを利用することで簡単にチャートを作成できます。 TechanJSのギャラリー。いろんな表やオシレーターのサンプルがあります。 Gallery · andredumas/techan.js Wiki · GitHub このライブラリを利用しなくともD3.jsだけでローソク足チャートは作成できますが、まあライブラリ使ったほうが圧倒的に楽ですよ。ということで、以下のようなチャートを作成してみました。昨年末のトヨタ自動車のチャートです。青い線は25日線です。 前回の投稿を参考に、Rails上でチャートを描画してみます。 RailsでD3.jsを使う - goodbyegangsterのブログ コントローラの作成 「
相性診断のページ
このページは、主に結婚や夫婦における男女の相性を、代表２３パターンに基づき、その組み合わせで相性を判定するページです。 本来ならば全パターンを診断できればベストだと思いますが、それでは約６万通りとなり作業的に困難となります。そこで、代表２３パターン をご覧いただき、自分のタイプがこのどれに似通っているか（もちろんピタリと２３パターンのいずれかに当てはまる方は問題ありません）判断して行ってください。 ここであらかじめお断りしておきますが、このパターンは、グラフ上の特徴が典型的で顕著なものをパターン化したものであって、 現実の人々に多く見られるという意味での典型パターンではないということです。そのため、２３パターンは一部を除いて、良く言えばかなり個性的、 悪く言えば多かれ少なかれ問題があるケースが多くなっています。そこで当然、相性の組み合わせでは、個性と個性が増幅され、かなり極端な表われ方をし
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
ハイクオリティのグラフ生成JavaScript「Highcharts」
twitter facebook hatena google pocket JavaScriptライブラリのjQueryを利用してハイクオリティのグラフを生成できる「Highcharts - Interactive JavaScript charts for your webpage」を紹介します。 ※非商用にて無償です。 sponsors 使用方法 Highcharts - Interactive JavaScript charts for your webpageからファイルをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="highcharts.js"></script> <!--[if IE]> <script t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gallery
Chart.js