JSFiddle - React, Tailwind, and code Playground

by Timatnet

HTML

<html>
<head>
    <script type="text/javascript"
  src="http://dygraphs.com/dygraph-combined.js"></script>
    <script type="text/javascript"
  src="https://raw.github.com/Ivajkin/common.js/master/common.js"></script>
</head>
<body>
    
    <div id="result"></div>
    <div id="graphdiv" style="width:500px; height:300px;"></div>
    <hr/>
    <table id="dictionary"></table>
</body>
</html>

CSS

td {
    border: 1px solid black;
    margin: 1px;
}

.wide {
    width: 100%;
}

JavaScript

// Word counter
/*
«Шум времени» Осип Мандельштам
«Илиада» и «Одиссея» Гомер
«Хитроумный идальго Дон Кихот Ламанчский» Мигель де Сервантес
«Скотный двор» Джордж Оруэлл
«Пикник на обочине» Аркадий и Борис Стругацкие
«Чума» Альбер Камю
«Посторонний» Альбер Камю
«Повелитель мух» Уильям Голдинг
«Имя розы» Умберто Эко
«Замок» Франц Кафка
«Чайка по имени Джонатан Ливингстон» Ричард Бах
«Вино из одуванчиков» Рэй Брэдбери
«Великий Гэтсби»
«Понедельник начинается в субботу»
«Темные аллеи»
«Старик и море»
Три товарища
Над пропастью во ржи
--
- Июль 2015 - подбираю слова для эффективного обучения маленьких гениев 
- русскому языку
*/
String.prototype.forEach = function(f) {
    for(var i = 0; i < this.length; ++i) {
        f(this[i]);
    }
}

var isChineseModeEnabled = false;

$.get('https://dl.dropboxusercontent.com/u/38317632/word.frequency/kids-russian-happy-training.txt', function(data) {
    ',?!;123456789[]()-\n\r.\'\\—–«»№:0123456789{}=*/<>_%。一"'.forEach(function(c) {
        data = data.split(c).join(' ');
    });
    data = data.split(' ');
    
    // Если китайский режим, то режм на иероглифы
    if(isChineseModeEnabled) {
        for(var i = data.length-1; i >= 0; --i)
            for(var j = data[i].length-1; j >= 0; --j)
                data.push(data[i][j]);
    }
    
    var words = {};
    data.forEach(function(word) {
        word = word.toLowerCase();
        if(!words[word]) words[word] = 1; else ++words[word];
    });
    
    delete words[''];
    // Удаляем все слова, частота появления которых меньше wordCountLimit
    var wordCountLimit = 500;
    for(var key in words) {
        if(words[key] < wordCountLimit) delete words[key];
    }
    // Сортируем слова по частоте их появления в исследуемом тексте
    var sortable = [];
    for (var word in words) sortable.push([word, words[word]]);
    sortable.sort(function(a, b) {return b[1] - a[1]})
    
    $('#result').html(JSON.stringify(sortable));
    
    // Составляем таблицу частот частот появления...