数学 - JavaScript - 統計学 - 主要な傾向を測る - 真ん中の道(算術平均、外れ値、歪み、中央値)

Head First Statistics
原著

学習環境

• Surface 3 (4G LTE)、Surface 3 タイプ カバー、Surface ペン(端末)
• Windows 10 Pro (OS)
• 数式入力ソフト(TeX, MathML): MathType
• MathML対応ブラウザ: Firefox、Safari
• MathML非対応ブラウザ(Internet Explorer, Microsoft Edge, Google Chrome...)用JavaScript Library: MathJax
• 参考書籍
  • Pythonからはじめる数学入門
  • JavaScriptリファレンス 第6版
  • インタラクティブ・データビジュアライゼーション

Head First Statistics (Dawn Griffiths (著)、黒川 利明 (翻訳)、木下 哲也 (翻訳)、黒川 洋 (翻訳)、黒川 めぐみ (翻訳)、オライリージャパン)の2章(主要な傾向を測る - 真ん中の道)、データになってみよう(p. 63)を取り組んでみる。

データになってみよう(p. 63)

ぱっと見一つ目のデータは右に歪んでいる。

二つ目のデータは左に歪んでいる。

平均値と中央値を計算して確認。

コード(Emacs)

HTML5

<pre id="output0"></pre>

<button id="run0">run</button>
<button id="clear0">clear</button>

<script src="sample3.js"></script>    

JavaScript

let pre0 = document.querySelector('#output0'),
    btn0 = document.querySelector('#run0'),
    btn1 = document.querySelector('#clear0'),
    inputs = [],
    range = (start, end, step=1) => {
        let res = [];
        for (let i = start; i < end; i += step) {
            res.push(i);
        }
        return res;
    },
    p = (x) => pre0.textContent += x + '\n';

let data1 = [[1, 4], [2, 6], [3, 4], [4, 4], [5, 3], [6, 2], [7, 1], [8, 1]],
    data2 = [[1, 1], [4, 1], [6, 2], [8, 3], [9, 4], [10, 4], [11, 5], [12, 5]];

let mean = (data) =>
    data.map((d) => d[0] * d[1])
    .reduce((x, y) => x + y) /
    data.map((d) => d[1])
    .reduce((x, y) => x + y);

let median = (data) => {
    let len = data.length,
        nums = data.map((d) => d[0]);

    nums.sort();

    return len % 2 === 1 ? nums[(len + 1) / 2] :
        (nums[len / 2 - 1] + nums[len / 2]) / 2;
};
let output = () => {
    [data1, data2].forEach((data, i) => {
        p(`${i + 1}.`);
        p(data.join(':'));
        p(`平均値: ${mean(data)}`);
        p(`中央値: ${median(data)}`);
    });
};

inputs.forEach((input) => input.onchange = output);
btn0.onclick = output;
btn1.onclick = () => pre0.textContent = '';
output();