mcigorli Использовать Canvas для рендеринга данных, а не SVG. Например
https://canvasjs.com/. Если надо использовать только SVG - то тут только уменьшать количество отображаемых объектов на экране через создание нескольких слоев с точками с разным мастштабом и плавающее окно для реализации рендеринга только тех данных, которые видны. Пишите в личку хабра для контакта или свой контакт тут )
Вот в
этом проекте я использовал C3.js и Vis.js - там SVG, 3 уровня данных для разного масштаба, общий объем - до нескольких десятков тысяч точек, но на каждый график в один момент времени пара десятков точек, примерно. И все работало очень быстро - отрисовать новый график с двумя десятками новых точек быстрее, чем отрисовать его один раз его на 1000 точек для масштабирования пользователем. В целом же, корни проблемы в том, что тысячи и десятки тысяч видимых объектов в DOM дереве приводят к его тормозам. Так что кроме канваса нет других вариантов, когда надо работать с большим количеством объектов.
