JavaScript

HTMLで偏差値を表示させたいです。平均、標準偏差をどのように当てはめればいいのでしょうか

行動規範の内容に同意します

回答1件

ベストアンサー

データの持ち方を修正する必要はありますが、simple-statisticsというライブラリを使うとサクッと計算できますよ。

①cdnで読み込んで

html
1<script src="https://unpkg.com/simple-statistics@7.7.0/dist/simple-statistics.min.js"></script>

②関数呼び出せば終わりです（↓標準偏差）

javascript
1var x = [0, 0, 1, 1, 2, 2];
2var s = ss.standardDeviation(x);
3console.log(s);

他、以下など参考にしてみてください

https://www.monotalk.xyz/blog/Find-variance-standard-deviation-z-score-deviation-value-in-JavaScript-library-simple-statistics/

html
1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3  <head>
4    <meta charset="utf-8" />
5    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
6    <script src="https://unpkg.com/simple-statistics@7.7.0/dist/simple-statistics.min.js"></script>
7    <title></title>
8  </head>
9  <body>
10    <script>
11      var x = [
12        65, 73, 42, 81, 60, 75, 62, 53, 69, 77, 83, 65, 72, 65, 81, 66, 69, 73,
13        88, 53,
14      ];
15      var mean = ss.mean(x);
16      var s = ss.standardDeviation(x);
17      var hensa = (10 * (81 - mean)) / s + 50;
18
19      document.write('平均：' + mean);
20      document.write('<br>');
21      document.write('標準偏差：' + s);
22      document.write('<br>');
23
24      for (score of x) {
25        var d = (10 * (score - mean)) / s + 50;
26        document.write('得点' + score + 'の偏差値：' + d + '<br>');
27      }
28    </script>
29  </body>
30</html>
31

投稿2021/07/28 23:42

編集2021/07/29 10:30

momotuwo

総合スコア155

hi_101010

2021/07/29 01:54 編集

回答ありがとうございます。simple-statisticsにｈｔｍｌのコードを入れればいいのでしょうか？先週から触り始めた初心者でわからないことだらけです、、

momotuwo

2021/07/29 00:30

例えばですが、こんな感じです <!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script src="https://unpkg.com/simple-statistics@7.7.0/dist/simple-statistics.min.js"></script> <title></title> </head> <body> <script> var x = [0, 0, 1, 1, 2, 2]; var s = ss.standardDeviation(x); console.log(s); </script> </body> </html>

hi_101010

2021/07/29 01:54 編集

平均までを表示させたコードに上のコードを入れれば平均点、偏差値の両方を表示できますか？

momotuwo

2021/07/29 05:45

いえ、記載いただいたコードはいったん考えないで別回を記載しております。たとえば以下のようにすれば、平均・標準偏差を計算してくれます。 var x = [0, 0, 1, 1, 2, 2]; // インプット。ただの配列なので違うため注意してください var mean = ss.mean(x); // 平均を取得 var s = ss.standardDeviation(x); // 標準偏差を取得 console.log(mean); console.log(s);

hi_101010

2021/07/29 06:43

記載したコードは入力せず、別回だけを入力すればいいのですか？

momotuwo

2021/07/29 06:53

質問いただく前に、是非一度試してみてください。そうすればどうなるかわかるかと思います。もしわからなかった場合、改めてコメントいただければと思います。なお、記載したコードなしで別解だけを記載することを想定しております。また、インプットは記載いただいたものではないためそこは修正が必要になるといったように完全な解を記載したわけではないため、リンクなどを参考に一度ご自身で考えてみてください

hi_101010

2021/07/29 07:15

<!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script src="https://unpkg.com/simple-statistics@7.7.0/dist/simple-statistics.min.js"></script> <title></title> </head> <body> <script> var x = [65,73,42,81,60,75,62,53,69,77,83,65,72,65,81,66,69,73,88,53]; var mean = ss.mean(x); var s = ss.standardDeviation(x); console.log(mean); console.log(s); </script> </body> </html> これでエラーになってしまいました、、

momotuwo

2021/07/29 07:18

コピペしてみたところ特にエラーになりませんが何か記載間違えてはいないでしょうか？また、エラー内容を記載いただけますでしょうか？

hi_101010

2021/07/29 07:29

エラーというか、htmlで表示させた時に何も表示しなくなります。。

momotuwo

2021/07/29 07:39

console.logという開発者ツール（F12を押したときに出てくるツール）上に出力する機能を用いています。そのため結果を見る場合はF12を押してみてください。動作確認時などに、よく使われる機能なので理解しておくと大変便利かと思います。どうしてもhtml上表示したい場合は以下console.logの後に追加してください。 console.log(mean); console.log(s); // ↓追加分 document.write('平均：' + mean); document.write('<br>'); document.write('標準偏差：' + s);

hi_101010

2021/07/29 09:30 編集

hi_101010

2021/07/29 08:25

調べたら偏差値は平均と標準偏差を入力すれば出るとあるのですが、どこに当てはめればいいのでしょうか？何度もすみません。。

momotuwo

2021/07/29 10:31

偏差値込みのものを元の回答に含めて記載してみました確認してみてください

hi_101010

2021/07/29 10:39

とても丁寧に教えてくださり助かりました。本当にありがとうございました。

行動規範の内容に同意します