Методы визуализации данных

Question

Я изучаю несколько методов визуализации большого объема данных. Это может включать, но не ограничивается, простой график. Методы, которые я изучаю, будут включать в себя формы, текст и линии. Он также будет включать взаимодействие с элементами (скрытие, фокусировка и т. Д.) И анимацию (смещение, перетаскивание, систематическая реорганизация и т. Д.) Этих элементов.

SVG или Canvas кажутся очевидным выбором (в сочетании с библиотекой JS - возможно, jQuery), но проблема заключается в отсутствии кросс-браузерной доступности. Я бы предпочел бы избегать Flash / Flex, но сейчас это единственная надежная кросс-браузерная технология, которую я нашел, если требуется поддержка IE7 / 8.

Есть ли у кого-нибудь другие предложения или какая-либо дополнительная информация, которая сделала бы технологию, которую я перечислил, еще более привлекательной?

Спасибо.

Answer 1

Не думаю, что я упоминал об этом: JavaScript InfoViz Toolkit

Мне лично нравится интересная визуализация - древовидная карта . Отлично подходит для суммирования большого количества данных в одном представлении.

Answer 2

Проверьте оригинал Processing.org .

Может показаться странным / анахроничным, что они используют Java-апплеты, но они смогли добиться большей производительности с Java, чем JavaScript. Апплеты, кажется, работают везде, и у вас будет доступ ко многим замечательным библиотекам Java.

Answer 3

Вы также можете попробовать Protovis. (http://vis.stanford.edu/protovis/)

Answer 4

Возможно, вы захотите взглянуть на Рафаэль и GRaphael . Raphael позволяет вам создавать векторную графику и будет использовать SVG в браузерах с поддержкой SVG при автоматическом переключении на VML в IE.

Вы также можете взглянуть на processing.js на основе холста.

Answer 5

SVG доступен на всем, кроме IE, а VML доступен на IE (начиная с 5.5, IIRC). Если вы сможете обслуживать как SVG, так и VML, у вас будет векторная графика, которую может увидеть практически каждый. RaphaelJS - это библиотека Javascript, которая может генерировать оба формата из одного и того же кода Javascript, но, конечно, это всего лишь один из способов сделать это.

Canvas также доступен практически для всего, кроме IE, но некоторые сумасшедшие люди написали что-то под названием excanvas , которое эмулирует Canvas в VML. От моих друзей и коллег, которые его использовали, я слышал, что производительность хуже, чем у любого другого графического решения для браузера, но если вы хотите делать растровую графику переносимым образом, это практически единственная игра без плагинов в городе.

Какой маршрут вы выберете - векторный или растровый - действительно зависит от вашего приложения.

Answer 6

HighCharts - это хороший Javascript, бесплатный и кросс-браузерный инструмент для построения графиков.

Взгляните на демо Highcharts

Answer 7

Если вы используете jquery для построения графиков, я бы определенно проверил Flot , который является кросс-браузерной библиотекой графиков / графиков.

Answer 8

SVG и Canvas работают с относительно простыми данными (то есть, когда достаточно нескольких строк). Для сложных данных (скажем, частотных распределений или чего-то, где вы излучаете одну выборку на пиксель), вы должны отобразить нормальное изображение на сервере.