データ可視化

提供:TogoWiki

(版間での差分)
移動: 案内, 検索
(SIMILE/Exhibit)
 
(間の20版分が非表示)
1行: 1行:
ウェブでのデータ可視化に利用できる物を整理します。
ウェブでのデータ可視化に利用できる物を整理します。
-
= ゲノム情報 =
+
= 汎用 =
-
== Dalliance Genome Explorer ==
+
== [[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/
* デモ:http://www.biodalliance.org/human/ncbi36/ -- NCBI36
* デモ:http://www.biodalliance.org/human/ncbi36/ -- NCBI36
* 技術:JavaScript,  SVG, DAS
* 技術:JavaScript,  SVG, DAS
-
== jBrowse ==
+
== [[jBrowse]] ==
* サイト:http://gmod.org/wiki/JBrowse
* サイト:http://gmod.org/wiki/JBrowse
* デモ: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)
= ネットワーク =
= ネットワーク =
-
== Cytoscape Web ==
+
== [[Cytoscape Web]] ==
* サイト:http://cytoscapeweb.cytoscape.org/  
* サイト:http://cytoscapeweb.cytoscape.org/  
* 技術:JavaScript, Flash
* 技術:JavaScript, Flash
* 利用例
* 利用例
-
** http://revigo.irb.hr/  
+
** http://revigo.irb.hr/
 +
 
 +
== [[RelFinder]] ==
 +
* サイト:http://relfinder.dbpedia.org/
 +
* 技術:Flex, RDF, SPARQL
 +
* デモ:http://relfinder.dbpedia.org/relfinder.html
= 系統 =
= 系統 =
-
== jsPhyloSVG ==
+
== [[jsPhyloSVG]] ==
*  サイト:http://www.jsphylosvg.com/
*  サイト:http://www.jsphylosvg.com/
* 技術:JavaScript, SVG
* 技術:JavaScript, SVG
27行: 50行:
= ツリーマップ =  
= ツリーマップ =  
-
== DrasticData ==
+
== [[DrasticData]] ==
* サイト:http://www.drasticdata.nl/DDHome.php
* サイト:http://www.drasticdata.nl/DDHome.php
* 技術:JavaScript, php, MySQL
* 技術:JavaScript, php, MySQL
* 利用例
* 利用例
-
** http://revigo.irb.hr/  
+
** http://revigo.irb.hr/
-
= 多変量データ =
+
= 多変量データのファセット/フィルタリング =
== [[SIMILE/Exhibit]] ==
== [[SIMILE/Exhibit]] ==
* サイト:http://www.simile-widgets.org/exhibit/  
* サイト:http://www.simile-widgets.org/exhibit/  
* 技術:JSON, JavaScript
* 技術:JSON, JavaScript
-
= グラフ =
+
= チャート/グラフ =
-
== DrasticData ==
+
== [[HighCharts]] ==
-
== Google Chart API ==
+
* サイト:http://www.highcharts.com/
 +
* 技術:jQuery
 +
== [[DrasticData]] ==
 +
== [[Google Chart API]] ==
* サイト:http://code.google.com/intl/ja/apis/chart/
* サイト:http://code.google.com/intl/ja/apis/chart/
* 技術:URI, PNG
* 技術:URI, PNG
54行: 80行:
* R からの利用
* R からの利用
http://code.google.com/p/google-motion-charts-with-r/
http://code.google.com/p/google-motion-charts-with-r/
 +
 +
== [[Gapminder]] ==
 +
 +
[[Category:データ可視化]]
 +
 +
= 表、テーブル =
 +
== [[DataTables (table plug-in for jQuery)]] ==
 +
* サイト:http://www.datatables.net/

2011年8月25日 (木) 05:02時点における最新版

ウェブでのデータ可視化に利用できる物を整理します。

目次

汎用

d3.js Data-Driven Documents

bio-js

Spark

ゲノム座標情報

Dalliance Genome Explorer

jBrowse

化合物情報

ChEMBL Widget

ネットワーク

Cytoscape Web

RelFinder

系統

jsPhyloSVG

ツリーマップ

DrasticData

多変量データのファセット/フィルタリング

SIMILE/Exhibit

チャート/グラフ

HighCharts

DrasticData

Google Chart API

Google Chart Tools / Interactive Charts

Gapminder のようなインタラクティブな散布図、棒グラフ、線グラフ。

  • R からの利用

http://code.google.com/p/google-motion-charts-with-r/

Gapminder

表、テーブル

DataTables (table plug-in for jQuery)

個人用ツール