Pull to refresh

jQuery.colorit — подсветка значений в унылых таблицах

Reading time1 min
Views584
image
Плагин ColorIt (он же «Колорит») превращает скучные таблицы в цветные мозаики, облегчая восприятие данных. Одного взгляда на таблицу будет достаточно, чтобы понять общую картину («среднюю температуру по больнице»), а также отыскать экстремальные значения.

Возможности


  • Подсветка фона ячейки цветом, пропорциональным ее значению
  • Пропорциональное увеличение шрифта ячейки (Или уменьшение — если требуется выделить наименьшие значения. Например, самую привлекательную цену)
  • Настройка яркости, цветовой гаммы, насыщенности
  • Настройка ширины цветового диапазона
  • Возможность добавления легенды. Легенда позволяет также определить характер распределения значений
  • Подсветка стилями максимальных и минимальных значений


image

На странице плагина можно вволю поиграться с параметрами и подобрать оптимальные значения для конкретного применения.

Плагин можно натравливать не только на таблицы, но и на любые элементы:

image

В следующей версии плагин будет


  • показывать при наведении на ячейку долю значения от суммы или от максимального
  • выделять ближайшее к среднему значение в таблице и на легенде


Disclaimer:


Не являясь ни разу профессиональным программистом, я реализовал идею как сумел. А посему:
— не несу ответственности за любые побочные эффекты, например если у вас начнут раскрашиваться кнопки на клавиатуре :)
— с удовольствием приму помощь профессионалов по улучшению кода

Первый плагин и первый топик — сильно не пинайте, пожалуйста — у меня слабое сердце и нестабильная психика :)

Демо, документация и загрузка здесь
Tags:
Hubs:
Total votes 18: ↑17 and ↓1+16
Comments11

Articles