データ可視化
提供：TogoWiki
（版間での差分）
(→チャート／グラフ) |
|||
| 24行： | 24行： | ||
* デモ：http://jbrowse.org/genomes/dmel/ | * デモ：http://jbrowse.org/genomes/dmel/ | ||
* 技術：JavaScript, HTML5, JSON | * 技術：JavaScript, HTML5, JSON | ||
| + | |||
| + | = 化合物情報 = | ||
| + | == ChEMBL Widget == | ||
| + | * サイト：https://www.ebi.ac.uk/chembl/widget | ||
| + | * 技術：JavaSccipt (jQuery and Highcharts) | ||
= ネットワーク = | = ネットワーク = | ||
| 51行： | 56行： | ||
** http://revigo.irb.hr/ | ** http://revigo.irb.hr/ | ||
| - | = | + | = 多変量データのファセット／フィルタリング = |
== [[SIMILE/Exhibit]] == | == [[SIMILE/Exhibit]] == | ||
* サイト：http://www.simile-widgets.org/exhibit/ | * サイト：http://www.simile-widgets.org/exhibit/ | ||
2011年8月25日 (木) 05:02時点における最新版
ウェブでのデータ可視化に利用できる物を整理します。
目次 |
汎用
d3.js Data-Driven Documents
- サイト：http://mbostock.github.com/d3/
- 技術：JavaScript, SVG
bio-js
- サイト：http://code.google.com/p/bio-js/
- 技術：JavaScript, prototype.js
Spark
- サイト：http://km.aifb.kit.edu/sites/spark/
- 技術：JavaScript, SPARQL
ゲノム座標情報
Dalliance Genome Explorer
- サイト：http://www.biodalliance.org/
- デモ：http://www.biodalliance.org/human/ncbi36/ -- NCBI36
- 技術：JavaScript, SVG, DAS
jBrowse
- サイト：http://gmod.org/wiki/JBrowse
- デモ：http://jbrowse.org/genomes/dmel/
- 技術：JavaScript, HTML5, JSON
化合物情報
ChEMBL Widget
- サイト：https://www.ebi.ac.uk/chembl/widget
- 技術：JavaSccipt (jQuery and Highcharts)
ネットワーク
Cytoscape Web
- サイト：http://cytoscapeweb.cytoscape.org/
- 技術：JavaScript, Flash
- 利用例
RelFinder
- サイト：http://relfinder.dbpedia.org/
- 技術：Flex, RDF, SPARQL
- デモ：http://relfinder.dbpedia.org/relfinder.html
系統
jsPhyloSVG
- サイト：http://www.jsphylosvg.com/
- 技術：JavaScript, SVG
- 利用例
- http://www.jsphylosvg.com/documentation.php http://www.jsphylosvg.com/examples/1-load-simple-tree.php http://www.jsphylosvg.com/examples/2-load-ajax-tree.php http://www.jsphylosvg.com/examples/3-load-interactive-tree.php http://www.jsphylosvg.com/examples/5-tree.php http://www.jsphylosvg.com/examples/6-tree.php http://www.jsphylosvg.com/examples/7-tree.php
ツリーマップ
DrasticData
- サイト：http://www.drasticdata.nl/DDHome.php
- 技術：JavaScript, php, MySQL
- 利用例
多変量データのファセット／フィルタリング
SIMILE/Exhibit
- サイト：http://www.simile-widgets.org/exhibit/
- 技術：JSON, JavaScript
チャート／グラフ
HighCharts
- サイト：http://www.highcharts.com/
- 技術：jQuery
DrasticData
Google Chart API
- サイト：http://code.google.com/intl/ja/apis/chart/
- 技術：URI, PNG
Google Chart Tools / Interactive Charts
- サイト：http://code.google.com/intl/ja-JP/apis/visualization/interactive_charts.html
- ギャラリー：http://code.google.com/intl/ja-JP/apis/visualization/documentation/gallery.html
Gapminder のようなインタラクティブな散布図、棒グラフ、線グラフ。
- R からの利用
http://code.google.com/p/google-motion-charts-with-r/
