そらより

おもしろいと、かわいいと、おいしいと、うれしい。

これは捗る!シンプルでスマートなチャートが簡単に作れる無料WebサービスBEAM

      2016/05/28

 

Excelのグラフ挿入機能は初めて使ったときは簡単便利で感激物でしたが、グラフィカルな部分で、ちょっと不満があったのは事実です。いい感じのデザインにしようと思うと、それなりの手間が掛かりました。

そんなそらよりに朗報を届けてくれたのはネットメディアWIREDでした。

インフォグラフィックを簡単につくれるツールを提供するVenngageが、グラフに特化したツール「Beam」を公開した。効率的に作成でき、SNSで簡単にシェアすることができる。

出典:WIRED

 

スピーディな記事制作にかなり役立ちそうなので、さっそく使ってみました。

 

スポンサーリンク

 

アクセス即、作成画面!

まず https://beam.venngage.com/ にアクセスします。以下、画像の出典はすべて同サイトからとなります。

するといきなり登場の作成画面。早い! 右に表示されているチャートが見本です。仕上がりを確認しながら、ここで好みのデザインパターンのチャートが作成できます。

BEAMトップ

出典:BEAM

 

各操作項目を説明しましょう。

① チャートのパターンは左から円グラフ、折れ線グラフ、横棒グラフ、縦棒グラフの4種が選べます。

② 見本チャートの横からさりげなく顔を覗かせているタブをクリックすると、次の画面が表示されます。各項目の入力画面です。見本の文言やデータを上書きしていきます。

BEAM02

出典:BEAM

 

③ 補助的な説明文の表示・非表示を選択します。上の“SUBTITLE”はチャート最下段の「Surce…」で表示されている部分です。“LABELS”はその上にある各項目のラベルです。

④のタイトルと⑤の“SUBTITLE”の内容はこの見本の文字部分をクリックし、上書きします。フォントや大きさ、ボールド(太)、イタリック(斜体)が選べます。

BEAM実作

出典:BEAM

 

⑥ カラーとデザインのパターンが4種選べます。細かくカスタマイズしたいところですが、フラットデザインが主流の今、これで十分な気がします。パーフェクトではなく標準以上のデザインを確保することで良しとする、その労力をコンテンツの中身を充実させることに振り分ける。そんな考えにマッチするサービスと捉えたいと思います。

⑦ ここでSAVE(保存)します。名前とメールアドレスを入力。後で、作成・保存したチャートの編集ページのURLが登録したメールアドレスに送付されます。作成後の編集も自由自在というわけです。

BEAM04

出典:BEAM

 

⑧ 作成・保存したチャートをSNSで共有、ホームページに貼りつけることができます。そらよりはコードを出力し、このブログに貼りつけてみました。次のように表示されます。

 

 

出典:BEAM

 

ここでご注意いただきたいのは、WordPressのビジュアルエディタでは編集中にこのチャート画像は表示されません。「テキストモード」でチャート部分の位置がわかるように目印を置き、編集するとよいでしょう。

なお、4番目の画像ダウンロードはpngファイル形式です。また日本語は表示されないようです。PowerPointなどに張り付けたいときはタイトルやラベルは英語で表記します。

 

以上、シンプルでスマートなチャートが簡単に作れる無料WebサービスBEAMの実作例でした。よかったら、ぜひ、使ってみてください。

 

スポンサーリンク

 

スポンサーリンク
ご自宅からご贈答品まで。かに通販【北海道海鮮工房】

 

 

 

クリックしていただけると幸いです
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ

おススメ記事

歳の差婚250 1
「年の差婚(交際)」の最適年齢を割り出す法則が海外にあった!

数年前から「年の差婚」がブームです。人気キャスターや人気女優、人気歌手が、歳の離 ...

補色01 2
赤い点を30秒間じっと見つめてください。天井を見上げると不思議なことが!

  夏休みの想い出に友達と撮った記念写真。でも、後ろをふと眺めると壁や ...

パーティ開け11 3
「パーティ開け」不要!スナック菓子はもっとスマートにシェアできる!!

ポテチの袋、いつもどうやって開けてますか? 友達やパートナーとシェアして食べると ...

 - Webサービス, デジタル

Copy Protected by Chetan's WP-Copyprotect.