statlook

リセット

資料

タイトル：

系列

入力：

</span></div>

<ul style="margin:0;font-size:80%;font-family:sans-serif">
    <li><input id="cbpaste" type="button" value="貼り付け"/> - Webサイトや表計算ソフトからコピーしたデータ</li>
    <li><input id="datafileload" type="file" value="ファイルを開く"/> - Unicodeテキスト(*.txt)形式のデータ</li>
    <li><label><input id="forcecsv" type="checkbox"/>（,）を値区切りに指定</label></li>
    </ul>
    <div style="display:inline-block; font-size:0.75em;background-color:#eeeeee;
        border-radius:0.2em;margin:0.5em;padding:0.5em;">
        <span style="font-size:0.9em;font-family:sans-serif;color:#8888ff;">ヒント</span>
        統計局 <a href="http://www.stat.go.jp/naruhodo/c1s1.htm" target="data">なるほど統計学園</a>
        からデータをコピー・貼り付けできます。
    </div>

<div id="op1" class="op">
    
    
    
</div>
</div>

<div class="panel fig">
    <h2>概要</h2>
    <svg xmlns="http://www.w3.org/2000/svg" id="barchart" width="700" height="700" viewBox="-50 -450 550 550">
    <defs>
      <marker id="bar_divarh" viewBox="-5 -5 10 10" markerUnits="strokeWidth" markerWidth="20" markerHeight="20" orient="auto">
        <path d="M-5,-3 L0,0 L-5,3"/>
      </marker>
      <marker id="bar_divare" viewBox="-5 -5 10 10" markerUnits="strokeWidth" markerWidth="20" markerHeight="20" orient="auto">
        <path d="M5,-3 L0,0 L5,3"/>
      </marker>
    </defs>
    <text class="title" x="200" y="-420" text-anchor="middle">title</text>
    </svg>
    <button id="makestable">統計量を求める</button>
    <button id="dividef" style="display:none">度数分布</button>
    <button id="previewhist" style="display:none">ヒストグラムにする</button>

    <button id="sortbar">並べ替える</button>
    <span id="divpreview" style="display:none">大きさ順で分割 <button id="divide2">2分割</button>
    <button id="divide4">4分割</button></span>
    <button id="previewbox" style="display:none">箱ひげ図にする</button>
</div>

<div class="panel">
  <h2>統計量</h2>
  <div>
    <table class="vtable" id="stable">
    <tr><th></th></tr>
    <tr data-type="count"><th>個数</th></tr>
    <tr data-type="min"><th>最小値</th></tr>
    <tr data-type="max"><th>最大値</th></tr>
    <tr data-type="sum"><th>合計</th></tr>
    <tr data-type="ave"><th>平均値</th></tr>
    <tr data-type="median"><th>中央値</th></tr>
    
    </table>
    <button id="reqallsummary">すべて求める</button><br/>
    <button id="makeftable">度数分布表を作る</button>
    <button id="makeqtable">四分位数の表を作る</button>
</div>
</div>

<div class="panel">
  <h2>度数分布表</h2>
  <div class="csetting">
    <div style="display:inline-block">
    範囲<input id="dmin" type="text" style="width:3em"/><span class="spin"><button>▲</button><button>▼</button></span>〜<input id="dmax" type="text" style="width:3em"/><span class="spin"><button>▲</button><button>▼</button></span>
    階級幅<input id="dtick" type="text" style="width:2em;"/><span class="spin"><button>▲</button><button>▼</button></span>
    階級数 <input id="dlen" type="text" style="width:1.5em;border:none;"/><span class="spin"><button>▲</button><button>▼</button></span>
    </div>
    <button id="renewftable" style="display:none">更新</button>
    <button id="wholerange" style="display:none">すべてを含む</button>
</div>
<div id="fdiv">
    <table class="vtable" id="ftable">
    <caption>度数分布表</caption>
    <thead>
    <tr><th></th><th colspan="4">系列1</th></tr>
    <tr><th>階級<br/>(以上〜未満)</th><th data-index="1">度数</th><th>累積度数</th><th>相対度数</th><th>累積相対度数</th></tr>
    </thead>
    <tbody></tbody>
    <tfoot><tr><th>計</th></tr></tfoot>
  </table>
</div>
  <button id="makehist">ヒストグラムを作る</button>
</div>

<div class="panel fig">
    <h2>ヒストグラム</h2>
    <svg xmlns="http://www.w3.org/2000/svg" id="histchart" width="700" height="700" viewBox="-75 -450 500 500">
      <text class="title" x="200" y="-420" text-anchor="middle">title</text>
    </svg>
    <div class="serswitch toggle" style="display:inline">表示：</div>
    <span class="toggle"><input type="checkbox" id="hist_multi"/><label for="hist_multi" style="border-radius:0">複数</label></span>
    <div style="display:none"><input type="checkbox" id="hist_showaverage"/><label for="hist_showaverage">平均値を表示</label></div>
    <div>
        <input type="checkbox" id="hist_polygon"/><label for="hist_polygon">度数分布多角形</label>
        
    </div>
  </div>

<div class="panel">
    <h2>四分位数</h2>
    <table class="vtable" id="qtable">
    <caption>５数要約</caption>
    <tr><th></th></tr>
    <tr data-type="min"><th>最小値</th></tr>
    <tr data-type="q1"><th>Q<sub>1</sub></th></tr>
    <tr data-type="median"><th>中央値</th></tr>
    <tr data-type="q3"><th>Q<sub>3</sub></th></tr>
    <tr data-type="max"><th>最大値</th></tr>
    <tr data-type="qrange" class="brow"><th>四分位範囲</th></tr>
    <tr data-type="qdev"><th>四分位偏差</th></tr>
</table>
<button id="reqallq">すべて求める</button>
<button id="makebox">箱ひげ図を作る</button>
  </div>

<div class="panel fig">
    <h2>箱ひげ図</h2>
    <svg xmlns="http://www.w3.org/2000/svg" id="boxplot" width="700" height="700" viewBox="-90 -440 500 500">
      <text class="title" x="200" y="-420" text-anchor="middle">title</text>
    </svg>
    <div class="serswitch toggle" style="display:inline">表示：</div>
    <div style="display:none"><input type="checkbox" id="boxp_showaverage"/><label for="boxp_showaverage">平均値を表示</label></div>
    <div style="display:none"><input type="checkbox" id="boxp_vertical"/><label for="boxp_vertical">縦形式</label></div>
  </div>

</div>
<div id="bottom">
    <img src="help.png" style="width:2em;height:2em;vertical-align:bottom;margin-left:1em;"/>
    <div class="navigation" id="navigation">操作ガイドがここに表示されます<br/></div>

<div id="qselect">四分位数の求め方
<ul style="display:inline-block;vertical-align:middle;margin:0;">
<li><label><input type="radio" name="qmethod" checked="" value="moor_mccabe"/>教科書の方法</label></li>
<li><label><input type="radio" name="qmethod" value="tukey"/>テューキーのヒンジ</label></li>
<li><label><input type="radio" name="qmethod" value="interpolate"/>表計算ソフトの方法</label></li>
</ul>
</div>

</div>
</div>
</body>
</html>