Креативные идеи для отображения большого количества текста на веб-странице

Question

У меня есть таблица из 2 столбцов в базе данных длиной 1000 строк (все целочисленные данные).
Дисплей позволит пользователю удалить определенный диапазон данных из таблицы.

То, что я ищу, - это творческий способ отобразить все данные, чтобы пользователь мог быстро получить доступ к различным частям. Может быть, показывать разные фрагменты одновременно, представлять в виде гистограмм или увеличивать / уменьшать область видимости было бы очень здорово.

Любые идеи, предложения, примеры вообще приветствуются. Пожалуйста, просто выбросьте их сюда для мозгового штурма.

Примечание: я ограничен JS, xml, html и C

Спасибо!

Answer 1

• С помощью прокрутки мыши измените размер текста.
• Добавить drag'n'drop для перемещения текстового блока.

Пример: пользователь изменяет размер к меньшему куску мышью, а затем перемещает его с помощью drag'n'drop.

Можно реализовать такую ​​вещь с помощью jQuery / JavaScript

Answer 2

Используйте двойной ползунок с минимальным и максимальным диапазоном отображения. Здесь - это пример, основанный на MooTools. Перемещение ползунков регулирует диапазон значений, отображаемых в таблице.

Answer 3

Предполагая, что целочисленные данные входят в диапазоны, общий подход состоит в том, чтобы показать, сколько данных имеется в каждом диапазоне в виде горизонтальной полосы. Вы нажимаете диапазон для увеличения, пока не увидите фактические данные, или не нажимаете X для удаления.

    ID Range

[X]    1-1000 xxxxxxxxxxxxxxxxxxxxx

[X] 1001-2000 xxxxxxxxx

[X] 2001-3000 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Еще одним уточнением является использование цвета на горизонтальных полосах для отображения плотности данных. Например, красный = много данных, желтый = меньше

Answer 4

Если вы использовали WinMerge , вы можете создать что-то вроде левой панели, которая показывает полный предварительный просмотр изменений в файлах. Может использоваться для очень быстрой навигации

Вот скриншот . (Изображение слишком большое, чтобы разместить его здесь)

Answer 5

Я фанат букмарклета JavaScript, показанного в этом видео: http://www.youtube.com/watch?v=GPZ8YNgyl_I

Сам букмарклет доступен здесь: http://t_trace.wed.macserver.jp/overview.html

Answer 6

Вы можете отформатировать HTML с тегами <h1>, <h2>, <h3> and <p> и использовать jquery для свертывания абзацев, оставляя заголовки основных разделов.

Я сделал это с документацией, над которой работал, и это сработало замечательно.

Answer 7

Может быть реализовано что-то, что работает, например, карты Google, где вы можете легко увеличивать и уменьшать масштаб и устанавливать точки, где вам нужно, чтобы они оставались при изменении высоты.