MetaStanza

CSV/TSV/JSON/SPARQL検索結果などをノーコードで表やチャートなどに可視化するツールです。どのウェブページににも数行のHTMLをコピペするだけで簡単に可視化した結果を埋め込むことが出来ます。 これまでに様々なデータを表示するウェブアプリケーションを作ってきましたが、よくある可視化パターンを何度も開発してきたことに気づきました。表であれば検索やソート、ページネーション、リンク、数値の表示形式など色々な機能が求められます。チャートでは棒グラフ、円グラフ、折れ線グラフなどの他、ツリー状のデータ、グラフ状のネットワーク構造などを切り替えながら最適な可視化を比較検討したいところです。さらに埋め込み先のウェブサイトとデザイン上の統一性も持たせたいですし、可視化パーツの大きさやレイアウトなどもカスタマイズしたくなります。 これらのベストプラクティスをノーコードで実現するために開発したのがMetaStanzaです。設定画面でパラメータを調整し、生成されるHTMLを任意のウェブページに追記するだけで可視化の埋め込みが完了します。 入力データ * HTTP(S)で取得できるCSV, TSV, JSON, SPARQL検索結果に対応しています * 入力データを取得できるURLをdata-urlパラメータに指定し、data-typeパラメータを設定 * 最後に、表やチャートに反映させるデータの変数名を指定するだけで完了です カスタマイズ * MetaStanzaは共通のCSSを使っており、テーマを切り替えることで簡単に変更できます * 共通のCSSはダウンロードして改変することが可能で、サイトのデザインと統一性を持たせられます * 独自のカスタムCSSを追加することもできるので、表のセルの中に値に応じたデザインを持ち込むなど柔軟な作り込みも可能です ウェブサイト * ショーケース http://togostanza.org/metastanza/ * カスタマイズ https://togostanza.github.io/metastanza/ * ソースコード https://github.com/togostanza/metastanza * 共通CSSテーマ https://github.com/togostanza/togostanza-themes * サンプルデータ https://github.com/togostanza/togostanza-data 技術 * WebComponentsによる埋め込み可能な可視化コンポーネントを作成するTogoStanzaを用いて開発されています * 現在、様々な追加の可視化パターンや、可視化間のイベント連携の実装を進めています 作者 * 大学共同利用機関法人 情報・システム研究機構 ライフサイエンス統合データベースセンター * 株式会社 PENQE * 株式会社 えにしテック