tnkyu

Webに関する知識、知見に関する色々

【テスト投稿】Plotlyによるグラフ作成とHPへの貼り付け

■ 忘備録―Python/plotly―

1.plotlyによるグラフ作成

➀データの作成

必要なもののimport

plotly、pandasをimport

import pandas as pd

import plotly.tools as tls

import plotly.plotly as py

DataFrameの作成

pandasを使用してDataFrameの作成

当然であるが、行ごとに別々のサンプル(Aさんの行、Bさんの行など)、

列ごとに別の内容(身長の列、体重の列など)

グラフ用のデータセット作成

これ以上詳しい説明はない!

↓ 公式サイト

https://plot.ly/python/line-and-scatter/

➁グラフの設定

グラフの名称や軸の設定

全部公式に載っていたはず!

➂描画

グラフのデータ、グラフ詳細をまとめて描写コマンド実行

下記に完成図

2.タグの発行とHPへの貼り付け

➀plotlyへの登録

もう一度公式サイトへ

ここで登録すると、plotlyのアカウントに自分のデータ置き場をもらえる

https://plot.ly/python/line-and-scatter/

➁データをひぱってくるタグの発行

自分のグラフをplotlyのアカウントに保存

まず、下記のコードを使用してplolyの自分のアカウントに接続する

tls.set_credentials_file(username='******', api_key='*******************')

上記の*******は自身のusername, api_keyのペアを入れる

api_keyは下記で発行できる

https://plot.ly/settings/api#/

接続出来たところで、下記のコードを実行し作成したグラフをplotlyのマイアカウントに保存

py.plot([testdata], filename='test_graph', auto_open=False)

testdataは自身のグラフデータに置換して実行

マイアカウントからタグの発行

自分が保存したグラフを確認しに行く

保存場所はマイアカウント(https://plot.ly/organize/home/)のMy Files

f:id:tnkyu:20180605214945j:plain

ここを開くと、先ほどアップロードした自分のグラフがあるはず

f:id:tnkyu:20180605214956j:plain

そこのShareを押して、開いたウィンドウでEmbedを選択すると使用可能なタグが出てくる

f:id:tnkyu:20180605214935j:plain

➂HPのHTML上に張り付け

好きなところにコピッたタグを貼ってください