htmlで箱ひげ図を作成

Question

お世話になります
htmlで箱ひげ図を作成したいのですが、何も進捗がなく困っております
初歩的なコードもかけておらず申し訳ありませんがご教示お願いします

実行したいデータとして

横軸日付
4/1
４/2
4/3

縦軸数値(グラフ最大数値500)
データ1　
最大値：400
第３四部位：295
中央値：275
第1四部位：225
最小値:３０

データ2　
最大値：450
第３四部位：315
中央値：300
第1四部位：255
最小値:60

データ3　
最大値：430
第３四部位：305
中央値：280
第1四部位：245
最小値:40

があります。

上記を箱ひげ図にする方法がありましたら何卒よろしくお願いいたします

Comments

[m.ts10806]

まずは自分なりに書いてみては？ https://teratail.com/help/question-tips#questionTips1-2

[m.ts10806]

自作が難しそうなら対応しているプラグインを探してみるとか、質問前にできることはなるべくやってみてください。丸投げでは回答は基本的につきません。

Answer 1

「箱ひげ図 JavaScript」で検索してみて、いくつか試してみてから質問されてはいかがでしょうか。

【箱ひげ図 JavaScript - Google 検索】
https://www.google.com/search?num=100&safe=off&q=箱ひげ図+JavaScript

---

【質問するときのヒント｜teratail（テラテイル）】
https://teratail.com/help/question-tips#questionTips1-2

####1-2. 投稿前に検索し、できるところまで自分でやってみましょう
現在オンライン上には膨大な量の問題解決の為のページがあります。アプリケーション、言語、プロトコル、ハードウェア･･･様々な分野に対して様々な難易度の解説ページがあります。質、量共に優れた解説が多く見つかります。
質問を投稿して回答を待つのもいいですが、調べ方のコツを知っていることも今後プログラミングをしていくうえで重用な能力の1つです。

また、既に他の誰かがteratailに投稿して解決をしているかもしれません。
画面上部にある検索窓からキーワードを入力して調べてみてください。

そして調べてみた結果を実際に試してみましょう。
解決はしなくても、試す前よりあなたの問題や不明点は明確になっているはずです。