noteで書くこれは広告です「グラフ作成・データ可視化」サービス厳選ガイドこのコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど...。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できるPHPライブラリなども実は多数公開されている。少数ながらグラフ作成に特化したアプリケーションなども存在する。今回のProductShowcaseでは、それら22プロダクトを一気に紹介しよう。各リンクをクリックすると、そのサービスの解説にジャンプします。API(グーグル)http://code.google.com/intl/ja/apis/chart/内容グーグルが提供しているチャート(グラフ)作成サービス。折れ線グラフや円グラフといった画像を、URLだけで生成できる。各パラメータは「http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World」といった形でURL内に記述する形となっている。チャートのタイプ、色、ラベル、スタイル、文字マッピングなどが指定可能。API画像を表示するには、<img>タグにURLを埋め込む形となる。料金無料インターフェイス日本語(ウェブサイト、ドキュメントなど)グラフでの日本語利用○(チャートのタイトルやラベルに、文字列をUTF-8でURLエンコードしたものを引き渡せば利用可能)グラフの形態URLにパラメータを指定することで、PNG画像がレスポンスとして戻ってくる。APIを利用したサービス。APIに各種パラメータを引き渡すことでグラフが描画される。料金無料インターフェイス英語グラフでの日本語利用○(チャートのタイトルやラベルに、文字列をUTF-8でURLエンコードしたものを引き渡せば利用可能)グラフの形態生成されたURL、<img>タグ、およびPNG画像が表示される。APIを利用したサービス。視覚的な要素や設定できる項目はシンプルだが、ダイナミックに作業エリアサイズを変更できたり、タブによってグラフタイプの切り替えができたり、ユーザーインターフェイスは良好なものとなっている。リアルタイムなグラフのプレビューも便利だ。ブラウザによっては動作しない場合があるので注意(画面はFirefoxで撮影)。料金無料インターフェイス英語グラフでの日本語利用○(チャートのタイトルやラベルに、文字列をUTF-8でURLエンコードしたものを引き渡せば利用可能)グラフの形態生成されたURL、およびPNG画像が表示される。API用のPHPクラスライブラリ。APIを呼び出し、グラフを描画することが可能となる。同種のものにGphpChartなどもある。APIを利用し、PNG画像を生成。APIクラスJavaScriptラッパー。GChartを組み込んでおくことで、JavaScriptプログラム内にグラフデータを記述しておくことが可能となる。以降は「GChart.render()」を呼び出すことでグラフが描画される。APIを利用し、PNG画像を生成。独自APIやライブラリを利用した無料サービスJsChart(アシアル株式会社)http://www.jschart.jp/内容管理画面でグラフを生成するタイプのサービス。ウィザード形式で、グラフタイプを選んだ後、データを入力してグラフを完成させていく。この際、フォームからの入力以外に、CSVファイルの利用にも対応しており、URL指定で外部CSVファイルを読み込む場合は、リアルタイムな表示が可能となる(有料利用のみ)。完成したグラフはデータとして保存しておける。4/5)に対応した高機能グラフ生成用ライブラリ「JpGraph」も販売している。料金無料(要アカウント登録、広告付き、一部制限あり)/年間5万円〜(商用利用の法人ユーザーなど)インターフェイス日本語グラフでの日本語利用○グラフの形態生成されたJavaScriptプログラムをページに貼り付け、グラフを表示する。ChartGizmo!(ChartGizmo!)http://www.chartgizmo.com/内容こちらもウィザード形式で、グラフタイプを選んだ後、データを入力してグラフを完成させていくタイプのサービス。機能やデザインはシンプルだが、独自URL、JavaScript、PNG画像、Flashといった多彩な形式でグラフが生成されるのが特徴だ。データの入力は、フォームからの入力のほか、エクセルからのカット&ペーストに対応している。料金無料(要アカウント登録)インターフェイス英語グラフでの日本語利用△(ごく一部の漢字で、表示されないもの/書体が変更されるものがある。例:「縦」「墨」など)グラフの形態生成されたURL、JavaScript、PNG画像、およびFlashデータが利用可能。折れ線グラフ(CreatorOf)http://creatorof.dip.jp/graph/index.html内容Flash形式(.swf)の単体アプリケーション。折れ線グラフ化したい数値をテキストファイルから読み込んで、グラフを作成してくれる。読み込むデータファイルをdata.phpなどのサーバスクリプトファイルにすれば、その実行結果でリアルタイムに動的なグラフを生成することも可能。料金無料インターフェイス日本語グラフでの日本語利用○グラフの形態Flash形式(.swf)ファイルをページに貼り付け、グラフを表示する。FLOT(IOLA)http://www.iola.dk/software/内容デンマークの新興ソフト開発のIOLA(http://www.iola.dk/)が作成した、jQueryベースのグラフ描画ライブラリ。サーバーからデータを読み込み「$.plot」でプロットする形となっている。グラフを表示するだけでなく、JavaScriptを活かして、選択範囲の強調表示、データの表示切り替えをユーザー側でカスタマイズできるのも特徴だ。<canvas>タグを利用しているのも独特な存在だと言える。料金無料インターフェイス英語グラフでの日本語利用×グラフの形態JavaScriptプログラムをページに貼り付け、グラフを表示する。5(maani.us)http://www.maani.us/xml_charts/内容PHP、ASP、CFML、Perlに対応したグラフ生成用ライブラリ。組み込み後は、XMLファイルからデータ配列を読み込みグラフを生成するプログラムと、実際にグラフを表示するプログラムとでグラフ表示を行う。グラフ生成プログラム側には更新サイクルのパラメータが用意されており、これにより自動的にリアルタイムなグラフ表示が行える。グラフの描画にはFlash形式を利用している。料金無料(非商用利用)/45ドル(シングルライセンス)/550ドル(バルクライセンス)インターフェイス英語グラフでの日本語利用×グラフの形態PHPプログラムにより、グラフをFlash形式で表示する。POGOLOTTI)http://pchart.sourceforge.net/内容2D/3Dのグラフを描画できるPHPクラスライブラリ。落ち着いた配色で、デザインの美しいグラフが多く、ビジュアル面にフォーカスしたプロダクトに仕上がっている。カラーの組み合わせがアドオンファイルとして用意されているのも特徴だ。グラフは、SQLやCSVファイルと連動して生成する。サイトにはデモ用のウィザードも用意されており、英語のみながらドキュメントやFAQも充実している。料金無料(GPL)インターフェイス英語グラフでの日本語利用×グラフの形態PHPプログラムにより、グラフを表示する。Limited)http://www.jfree.org/jfreechart/内容グラフ生成用のJavaクラスライブラリ/フレームワーク。サーバー側でもクライアント側でも利用可能で、さまざまな形式の画像が出力できるのも特徴だ。英語ながら詳細なサンプルデモやAPIドキュメントが用意されている。利用にはJCommonクラスライブラリが必要。料金無料(LGPL)インターフェイス英語グラフでの日本語利用○(設定により対応可)グラフの形態JPEG、PNG、PDF、EPS、SVG画像を生成。はてなグラフ(株式会社はてな)http://graph.hatena.ne.jp/内容はてなでの日常的な利用に重点を置いたサービス。1日につき1つの数値を入力し、折れ線グラフを生成する(CSVファイルの読み込みも可能)。はてな記法やグラフモジュールを使うことで、はてなのサービスにグラフを貼り付けられる(<img>タグを使えば、外部サイトでも画像を利用できる)。JavaScriptを利用しており、開発者向けにはAPIが公開されている。料金無料インターフェイス日本語グラフでの日本語利用○(タイトルのみ。ラベルは最初からない)グラフの形態生成されたURL、およびPNG画像が利用可能。乗っ取って、簡単にグラフを作成できる“キュートな円グラフ簡単作成サービス”。ブラウザフォームから、項目名と数値を入力するだけで直接生成される。ちなみにイソプレスうぉっちは全記事に「べつやくメソッド」を導入している。具体的な事例は「@nifty:デイリーポータルZ:円グラフで表そう」をご覧あれ。料金無料インターフェイス日本語グラフでの日本語利用○グラフの形態生成されたURL、およびPNG画像が利用可能。有料プロダクト(コンポーネント)JClass(クエスト・ソフトウェア株式会社)http://www.quest.com/japan/java_and_portals/jclass/内容グラフ描画用のJavaコンポーネント。チャート、データの可視化コンポーネント、レポート機能なども含まれている。ServerReport」から構成される。JDBCを介したデータベースデータ、XMLファイル、ASCIIファイル、HTMLからのデータ取り込みに対応する。55万4,400円〜など。インターフェイス日本語グラフでの日本語利用○グラフの形態Servlet、JSP、JSFから直接グラフインスタンスを作成。エンコードクラスによって、PNG、JPEG、GIF、SVG画像形式、Flashファイルに変換可能。Java(株式会社ハローシステム)http://www.hellosystem.co.jp/products/FXJava.html内容グラフ描画用のJavaコンポーネント。J2EEアプリケーションサーバーおよびJSPでグラフを作成する。データソースにはAPI、XML、テキストファイル、JDBCが利用可能で、クロス集計にも対応する。Statistical)がパッケージされている。.NET」も利用可能。30日間利用可能なトライアルバージョンあり。料金開発者版:税込7万3,500円(運用サーバーに配置不可)/製品版(完全版):71万4,000円インターフェイス英語グラフでの日本語利用○グラフの形態PNG、JPEG、SVG画像形式、Flashファイル、.NET、ActiveXなどに変換可能。Frameworkに完全対応したグラフ・チャート作成用の.NETコンポーネント。48種類の2D/3Dチャートに対応する。数学・統計関数や各種チャートツールも装備している。サイトで利用する際はサーバーアプリケーション(ASP.NET)とすることで、インタラクティブなチャート表示が行える。7Jも提供されている。Serverランタイムライセンス4万5,150円インターフェイス日本語グラフでの日本語利用○グラフの形態BMP、メタファイル、PNG、JPEG、GIF、SVG、PDF、PowerPoint画像形式などにエクスポート可能。Productions)http://www.dotnetcharting.com/内容グラフ・チャート作成用のASP.NETコンポーネント。Server、エクセルやアクセスのデータファイル、XML、ODBCなどのデータを読み込んで、さまざまなグラフを作成できる。途中省略したグラフ生成、複数グラフの重ね合わせ、イメージグラフ、軸の数値比率の変更などが可能となっている。サーバーライセンス:995ドルインターフェイス英語グラフでの日本語利用○グラフの形態PNG、BMP、JPG、EMF、WMF、TIF、SWF、PDF、SVG画像形式、XAMLなどにエクスポート可能。Pro」など、多数のグラフ作成・チャート作成・データ可視化ソフトを発売している。デモ版も用意されているので、気になるソフトは使ってみるといいだろう。Win日本語版:5万400円〜など。7は日本語非対応など)グラフの形態Win/Macアプリケーションとして、さまざまな形式をソフトごとにサポート。8(ライトストーン)http://www.lightstone.co.jp/products/origin/index.htm内容大容量のデータ処理・グラフ作成ソフトで実験データやシミュレーションデータなどを取り扱う用途に向いている。テキストファイルやASCIIファイル、Excelのワークブック、バイナリファイル(OriginProのみ)からデータをインポートし、同一ページに50のグラフまで作図が可能。等高線図、ターナリ、浮動縦棒図、ベクトルグラフ、スプライン、極線グラフ、スミスチャートなどの技術分野向けのグラフタイプをサポートする。シングルライセンス:18万9,000円〜など。インターフェイス日本語(英語にも切り替え可能)グラフでの日本語利用○グラフの形態BMP、JPG、PCX、TGA、TIF、XPM、DXF、PDF、EPS、PICT、PDF画像形式、Illustratorファイル、Photoshopファイルなどにエクスポート可能。O-Chart(小野測器)http://www.onosokki.co.jp/HP-WK/products/keisoku/software/others/ochart.htm内容複雑な多軸グラフやコンターマップなどを作成できるグラフ作成ツール。OpenGL対応で高品質な3Dグラフを描画できると同時に使いやすさも重視されており、テキストファイル、エクセルデータ、DS-2000データステーションなどのデータをワンクリックで取り込み可能。時系列データ編集・解析ソフトの「O-SCOPE」と組み合わせることで、大量のデータ処理が可能となっている。料金O-Chart本体:税込25万2,000円〜インターフェイス日本語グラフでの日本語利用○グラフの形態BMP、JPG、EMF画像形式、HTMLファイルでエクスポート可能。Xcute(マイクロラボ)http://www.microlab.jp/xcute/xcute_1.htm内容最後に、あえてエクセルを利用する変わり種ツールも紹介しておこう。Xcuteは、エクセルそのものをウェブアプリケーションのフロントエンドとして活用し、データベース連携・ウェブブラウザ連結を可能とするツール。エクセルで「ひな型」を作り、ブラウザからエクセルを起動してデータを扱うことができる。エクセルのグラフウィザードで作成したグラフをブラウザ画面にそのまま表示することも可能だ。これによりOracleからウェブグラフを作成するといったことができるようになる。開発版:税込5万2,500円など。インターフェイス日本語グラフでの日本語利用○グラフの形態データはオラクルなどのRDBで扱い、画面のレイアウトはエクセルで作成。編集部)編集者/ライター/リサーチャー。大学時代は言語学(日本語学)を専攻。ソフトバンク、ジャストシステムなどを経てフリーに。フリー時代のインタビュー対象は、アイドルから経営者・開発者まで幅広く。浅井愼平(カメラマン)、浮川和宣(ジャストシステム創業者)、奥華子(歌手)、小倉優子(タレント)、笠原健治(mixi創業者)、越中詩郎(プロレスラー)、ジャンヌダルク(ロックバンド)、田中良和(GREE創業者)、長州力(プロレスラー)、ティム・バートン(映画監督)、手塚紗掬(女性プロ麻雀士)、弘兼憲史(漫画家)、総務省など。数年前に、どうしても都合が合わず、SKE48・須田亜香里さんのインタビューを担当できなかったのが心残り。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。いいね!※記事へのコメント機能は2021年11月をもって終了しました。編集部へのご連絡は、問い合わせフォーム・メール・Twitterなどをご利用ください。広告が目指す戦略アドフラウド対策でCPA改善!「おとなの自動車保険」のデジタル広告が“損失1700万円”を克服するまで成功事例・失敗から学ぶWebサイトリニューアル。防犯意識が高い都道府県、全国1位は「奈良県」。Plan(事業継続計画)の略。顧客理解のためのUXリサーチ実践講座~インタビュー・ネットリサーチから分析手法をワークショップで学ぶすべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。Web担主催のイベントに協賛しませんか?年4回実施している数百人~3,4千人規模の無料イベント。イベントに協賛して、新規のリード獲得・認知向上をしませんか。寄稿記事・取材の企画の募集はこちらWeb担に寄稿したい、取材してもらいたい、などの場合はこちらから情報提供お願いします。