エクセルの表データをコピペするだけでブログ貼り付け可能なグラフを作る「ChartGizmo」。 エクセルデータをコピペするだけ、つまりバイナリデータをそのまま貼り付けるだけでグラフを生成してくれ・・・

エクセルの表データをコピペするだけでブログ貼り付け可能なグラフを作る「ChartGizmo」

2008年10月13日 | 4 | Posted in クールなWEBサービス

エクセルデータを貼り付けるだけでグラフコードを生成するchartgizmo

エクセルデータをコピペするだけ、つまりバイナリデータをそのまま貼り付けるだけでグラフを生成してくれる、アップロードするサービスも使い勝手が良いのですがこれもなかなかシンプルで便利ですよね。

エクセルデータをコピペするだけでグラフ貼り付けコードを生成

「エクセルシートに複数の表があって、アップロードするサービスではグラフを生成できない。 」、「だからといって、都度違うブックを新規作成するのも面倒。

そんなときに便利なのがChartGizmo.comです。

カンタンなグラフ作成手順

1. エクセルから表データをコピー

実際にこのままコピーしてブラウザ上で貼り付けています。

2. コピーしたデータをブラウザ上で貼り付ける

エクセルのデータをこのように貼り付けると、画像左のように自動的にグラフチャートのデータテーブルが追加されます。

生成されるグラフのサンプル

ChartGizmoで生成できるグラフの貼り付け方法は下記の4通り。

1. Html

シンプルなイメージタグバージョン。

2. Dynamic

JavaScriptでグラフ画像を埋め込み。


3. Capture

JavaScriptでHTMLデータを生成するのですが、表示されないこともあるのが残念。

【2008-10-13 追記】
すみません、これはJavascriptの前にテーブルデータを書いておく必要があったようです。方法を以下に追記しておきます。
教えてくださったdemon101さん、ありがとうございます。
2008年3月 日本のウェブサイト利用者数ランキング
Yahoo! Sites 44031
Google Sites 34305
Rakuten Inc 29344
Microsoft Sites 29252
FC2 inc. 27608
NTT Group 27406
GMO Internet Group 25225
Livedoor 22740
Nifty Corporation 22262
Wikipedia Sites 21844

このように発行されるコードの前にテーブルデータを書いておくとグラフが生成されます。

テーブルデータのサンプル

以下のデータのように、 <table> の class を CSource とし、ラベルの列はひとつめを <td class="CLabels"> 数値の列は同じくひとつめを <td class="CValues"> と指定するとデータを読み込みます。

ちなみに <th> 要素を含めてしまうとデータが反映されないので注意してください。

4. Flash

Flashフォーマットでグラフを生成。 これが一番クールなグラフ。

興味のある方はChartGizmo.comへどうぞ。

実際に使ってみると、多数の表データがある際に、そのひとつだけをグラフ化してサイト上に公開したいときなどにかなり便利なのではないかと感じました。 パブリシティに市場調査データを利用する際には重宝するかも!?

Via:Delicious

グラフで9割だまされる 情報リテラシーを鍛える84のプレゼン
グラフで9割だまされる 情報リテラシーを鍛える84のプレゼン
価格:¥ 1,680
平均評価:
納期:通常24時間以内に発送

スポンサードリンク

同ジャンル記事

参考になる書籍

  • Loading...
  • ジョブボード

  • Blog Ranking

    • フィードメーター - WEBマーケティング ブログ
    • web(ウェブ)マーケティングブログランキング
    • ページビューランキング
    • チームマイナス6%