Стоит ли использовать WebGl для отображения 2d графиков?
Хочу использовать в проекте(веб-приложение и мобильные версии под ios и android) динамические графики наподобие Highstock.
Рассматриваю варианты написания с нуля на WebGl или с помощью pixi.js.
Ранее не работала с WebGl. Будет ли адекватно применение этой технологии для ускорения отображения 2d графиков с большим количеством данных(~100т. точек)?
Посмотрел пример хайстока, он использует подгрузку данных, и одновременно он не показывает больше 250 точек. Технически он может показывать более 1000 точек одновременно, но начинает тормозить при инициализации. Но мне кажется даже передать на клиент 100к точек будет затратно, поэтому следует использовать пэджинг
Stepanya:для отображения данных за месяц, например. Но да, вы правы, лучше грузить постепенно и использовать кластеризацию. И, все-таки, будет какой-то профит от использования WebGl? Насколько понимаю, он ориентирован на оптимизацию работы с растровой графикой.
tialastea: Огромный плюс - это производительность WebGL, потому что svg захлебывается на очень больших данных. У нас на проекте всё-таки используется highstock
Stepanya: "svg захлебывается" из-за большого количества добавляемых в DOM объектов? Т.е., это единственный минус svg в сравнении с WebGl при таком примитивном использовании?
Не стоит. Есть такая вещь как аппроксимация. Пользователь все равно не рассмотрит 100к точек, а для небольшого количества точек подойдет и обычные средства. Потратите много времени, выигрыша практически не будет (только проблем потом с развитием огребете).
В долгосрочной перспективе да, поскольку скоро чистой 2-х мерной графики вообще не останется. Любой div или элемент canvas либо уже либо скоро будет рендериться на видеокарте с помощью OpenGL/DirectX.
