データの可視化シリーズ 第10弾 -トレンドラインの「Loess」を使って時系列のトレンドを可視化する

# データの可視化シリーズ 第10弾 -トレンドラインの「Loess」を使って時系列のトレンドを可視化する

こんにちは

Exploratoryの[白戸](https://exploratory.io/author/GMq1Qom5tS/notes)です。

[前回](https://qiita.com/takatoshiroto/items/637df2c59b592b7520bb)は、表計算の「移動平均」を使用して線を滑らかにし、株価のトレンドをみていきました。

しかし、移動平均法は元の曲線より短くなってしまうなどの欠点がありました。

そこで、移動平均法の欠点を解消するために、統計学者が開発した「Loess」というものがあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/b0134a8b-8d51-134e-40aa-7c53cecab725.png)



今回は、このトレンドラインの「Loess」を使用して株価のトレンドをみていきたいと思います。

# Loessとは
​
Loessとは、局所的な区間でデータのばらつきが最も小さくなる線のことを言います。
​
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/fb024c24-f8e0-220a-d426-c36b68945eb4.png)

​
Exploratoryでは、ばらつきが最も小さくなるように自動的に区間を設定してくれます。



# データの可視化の目的

**目的**

Appleの株価のトレンドをトレンドライン(Loess)を利用して理解したい

**使用機能**

* ラインチャート
* フィルタ(カテゴリの指定、期間の指定)
* トレンドライン(Loess)

# 使用データ

前回から使用している、AppleやGoogleといったテック企業の株価のデータを使用していきます。

使用データは[前回の記事](https://qiita.com/takatoshiroto/items/c3188a3fdd39d184861a)からダウンロードできますので、そちらをご覧ください。

それでは、実際に可視化していきましょう！

# 可視化

※トレンドラインのパートまで、前回の移動平均と同様の処理を行なっています。そのため、前回の記事をみていただいた方は、トレンドラインから読み進めてください。

今回も時系列のトレンドを見たいために、チャートはラインチャートを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/abb9a012-d0fb-170f-b4cd-7d58ec99a316.png)


X軸にdateを選択し、スケールを「日に切り捨て」を選ぶことで、日単位にデータを見れるようにします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/0f5762d4-b39f-f443-488e-4a502bf6d5ae.png)



次に、Y軸にはadjustedを選択し、集計関数に「平均値」を選びます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/814fde46-a11b-8bf1-66d4-d4f4ea096bea.png)


株価が表示されました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/768ce21b-f20e-cd17-85d8-8d65a5dc6069.png)


# チャート・フィルターを使う


## Appleの株価のみにする

このままでは、AppleやAmazonなどの全ての株価の合計値が表示されているので、フィルタ機能を使用してAppleのみの株価を表示させましょう。

フィルタをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/a5087c46-5bfe-7117-0ffd-05c6664449d4.png)


列には「symbol」、演算子には「等しい」を選択して、値はAppleの株価の名称の「AAPL」を選びましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/bcf3a35b-3a3d-d158-6076-cf68390ae36f.png)


これで、Appleのみの株価を表示することができました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/576509a3-c8bd-f9ce-ed1d-c7293593f4df.png)


## 期間を2018年のみにする

次に、去年の株価のトレンドを見たいために、フィルタ機能を使用して期間を2018年のみにします。

先ほどの作成したフィルタの隣の「＋」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/43c625cb-2483-9088-f2db-118fb6c52ee7.png)


列には「date」を選択し、フィルタ演算子は「等しい」、値は'2018'にしてください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/347fb88b-7e73-a86f-b2be-156b54a1943d.png)


これで、アップルの株価を2018年のみで表示することができました！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/58d5cfbe-3fb0-637e-0c31-c32a49643356.png)


# トレンドライン：Loessを使う

トレンドラインの「Loess」を使用して可視化していきます。

Y軸横のメニューをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/a11220e2-d229-776f-e62a-1842054faee5.png)

トレンドラインを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/1a5e1a7e-3f02-bd7b-4726-70e66f5cd3dc.png)


トレンドラインのタイプは「多項式(Loess)」を選びましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/2980ab6a-93c0-3b54-6086-2c920c15f8d7.png)


これで、トレンドラインのLoess曲線を可視化できました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/d72f30d5-2a9f-f925-56e2-1fe950c685b1.png)


トレンドライン「Loess」を使用することで、元のデータを表示したまま滑らかな曲線を引くことができます。

そして、移動平均では線が短くなるという欠点がありましたが、Loess曲線では線が短くなることはありません。

移動平均と比較をしてみましょう。

移動平均(ウィンドウサイズ：20日)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/0c3b03b8-2298-31f2-8ede-576b37fe4a94.png)


Loess曲線と20日の移動平均を比べると、Loess曲線の方が滑らかで、よりトレンドを掴みやすいことがわかります。

もちろん、移動平均の期間を伸ばすことでトレンドの線をより滑らかにすることができます。例えば、以下は50日にしてみたものです。

移動平均(ウィンドウサイズ：50日)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/192148/e4c80d8a-cfb1-cd99-632d-62c516940396.png)


Loess曲線と50日の移動平均は、同じような滑らかな曲線を描いています。しかし、移動平均では、線が滑らかになる程(ウィンドウサイズが大きい程) 線が短くなってしまいます。


# まとめ

今回はラインチャートとトレンドラインの「Loess」を使用して、アップルの株価のトレンドを可視化しました。

Loessは移動平均法のように線が短くなることもなく、滑らかな曲線を描いてくれます。

時系列データの長期的なトレンドを知りたいときは、Loessや移動平均法がおすすめです。

これまで、時系列シリーズではトレンドを理解するために６回に分けて、「表計算」や「トレンドライン」などの機能を紹介してきました。

ラインチャートだけでも様々な可視化方法があるので、特徴を理解した上で使用することで、データをより簡単に理解することができます。


次回は、ヒートマップを使用してカテゴリ間の組み合わせを見ていきたいと思います。

* [データの可視化シリーズ 第11弾 - ヒートマップを使って「組み合わせ」を可視化する](https://qiita.com/takatoshiroto/items/dfe6fb9009a2a9134996)

-----

# Exploratoryデータ・アカデミー

データの可視化、またはデータ分析に関してもっと知りたい、学びたいという方は、私達が提供しているトレーニングやセミナーに参加してみてください。

[こちら](https://ja.exploratory.io/data-academy-jp?utm_campaign=chart_intro_10&utm_medium=blog&utm_source=qiita)のExploratoryデータ・アカデミーのページに詳細情報があります。

データを使ってより良い意思決定を行っていきたいと言う方は、ぜひこの機会に参加をご検討ください！