データ分析ツールExploratoryを使って、チャートをSlackやSNSやブログに埋め込んでみた



![chart_share.png](https://qiita-image-store.s3.amazonaws.com/0/91522/50829516-78cf-f863-977a-0255bb89a939.png)



どうやって、チャートを自分のウェブサイトやブログのページに組み込んでますか？


ぼくたちは、Exploratoryのユーザからこの質問をよくされます。Exploratoryには、自分のアナリシスを書くことができるNote機能があります。そこでは、チャートを埋め込んだり、Webで公開することもできます。しかし、このNoteは、Exploratoryのヘッダーなどが付いたままの、Exploratoryのウェブサイトにホストされているのです。

![header_other_stuff.png](https://qiita-image-store.s3.amazonaws.com/0/91522/7eaa5108-014f-9d72-cf82-cb05d7514e68.png)


ユーザが本当にしたいことは、チャートをNoteを通してではなく、直接、ユーザ自身のWebページに組み込むことですよね。こういうわけで、Exploratoryは、チャート埋め込み機能を実装することに至りました。


##チャートをシェアする

チャートをシェアするには、チャートの右側の‘Share’ボタンを押すだけです。かなり簡単ですよね？

![share_button.png](https://qiita-image-store.s3.amazonaws.com/0/91522/81a522d9-4ca2-4ecb-968b-328fc7424f5f.png)


シェアする前に、シェアされたチャートがディスカッションされやすいように適切なチャート名、タイトル、X軸、Y軸に設定することをオススメします。

![commnunicate_chart.png](https://qiita-image-store.s3.amazonaws.com/0/91522/26454d85-0011-8953-0e75-22fc9fedcd2a.png)


チャートシェアのダイアログでは、‘Share’ボタンを押してください。このボタンを押すと、ユニークなURLを持ったチャートがexploratory.ioに公開されます。それが終わると、チャートのURLやチャートが埋め込まれたコードスニペットを見ることができます。

![chart_snipeet.png](https://qiita-image-store.s3.amazonaws.com/0/91522/d52f01f9-3cd1-5d2f-7282-cf292f45ca2c.png)


##チャートの変更を更新する

例えば、公開しているチャートのデータやチャートの形に、変更があった場合、変更を反映させたいですよね。その場合は、公開された、チャートを更新するために、‘Update’ボタンを押してください。

##チャートの公開をやめる

チャートの公開をやめたいときは、いつも‘Stop Sharing’ボタンを押してをください。


##チャートのサイズを変更する

チャートを埋め込むときは、サイズは、デフォルトである、‘Responsive’のまま使うことをおすすめします。これは、スマホやタブレットなど複数のウインドウにも対応してます。それでも、特定のサイズにチャートを指定したいときは、ドロップダウンメニューからSmallやMediumやLargeサイズを選んでください。

![changing_size.png](https://qiita-image-store.s3.amazonaws.com/0/91522/6b495f6e-31ab-99e0-048c-5f5bbeded0d1.png)



##Slackでシェアする

もし、あなたが、Exploratoryのように、チームメンバーとのコミュニケーションにSlackを使っているなら、チャートのURLをSlackにコピペして、チャートをSlackでシェアすることができます。チームメンバーはリンクをクリックして、ブラウザで開くこともできます。

![share_on_slack.png](https://qiita-image-store.s3.amazonaws.com/0/91522/37c9eb93-3822-3efe-ad30-12ef8f47fcff.png)


##チャートをTwitterにシェアする

チャートURLをコピーして、ツイートに貼り付けてください。投稿を見た人は、チャートをクリックして見ることもできます。

![share_on_twiiter.png](https://qiita-image-store.s3.amazonaws.com/0/91522/4624e7ce-f512-8187-334e-ef8e7600eeb8.png)


##チャートをFacebookにシェアする

Facebookにチャートをシェアすることは、Twitterでシェアするのに似ています。チャートURLをコピーして、Facebookフィードに貼り付けてください。投稿を見た人は、チャートをクリックして見ることもできます。

![share_on_facebook.png](https://qiita-image-store.s3.amazonaws.com/0/91522/d68abf5c-597e-bdf7-95e3-85f81d750372.png)

##チャートをTumblrでシェアする

Tumblrでも同様にできます。

![share_on_tumblr.png](https://qiita-image-store.s3.amazonaws.com/0/91522/ce1ca9cc-e9f8-f385-d3ce-02e73f5c1728.png)

![share_on_tumblr2.png](https://qiita-image-store.s3.amazonaws.com/0/91522/d53b54de-6aae-bdf8-ddb4-83402398f460.png)



##チャートをWordpressでシェアする

世の中の6000万以上のウェブサイトは、Wordpressで作られています。そんなWordpressでも同様にすることができます。

![share_on_wordpress.png](https://qiita-image-store.s3.amazonaws.com/0/91522/6e0c4346-0273-7f50-3feb-77497c6ab66c.png)


![share_on_wordpress2.png](https://qiita-image-store.s3.amazonaws.com/0/91522/8467fbb5-8fcd-8a51-7dc1-e3e81e34b5a6.png)

![share_on_wordpress3.png](https://qiita-image-store.s3.amazonaws.com/0/91522/6abcdd33-6ece-d3b2-cd2d-00093542deb4.png)



ぼくは、よくこの機能をSlackでのチームコミュニケーションで使っています。わざわざチャートのスクリーンショットを撮って、貼り付けなくていいので、かなり便利です。他のメンバーは、定期的に、チャートの最新版を確認できるように、よくチャートのURLをPinして、特定のチャンネルに流したり、ブックマークしたりもしています。

##興味を持っていただいた方、実際に触ってみたい方へ

Exploratoryは[こちら](https://exploratory.io/
)からβ版の登録ができます。こちらがinviteを完了すると、ダウンロードできるようになります。

Exploratoryの日本ユーザー向けの[Facebookグループ](https://www.facebook.com/groups/1087437647994959/members/
)を作ったのでよろしかったらどうぞ

ExploratoryのTwitterアカウントは、[こちら](https://twitter.com/ExploratoryData
)です。

分析してほしいデータがある方や、データ分析のご依頼はhidetaka.koh@gmail.comまでどうぞ