Как использовать диаграммы или графики, разработанные с помощью d3node, на стороне клиента

У нас есть очень тяжелое веб-приложение, которое показывает диаграммы и графики с использованием d3.

Проблема в текущем решении:

  1. Тяжелая передача данных в браузер

  2. Весь расчет происходит на стороне клиента

  3. Производительность браузера снижается

Я думал перенести все такие шаги на сторону сервера, используя d3-node.

Я прочитал несколько статей о том, что делать на стороне сервера, но я не уверен, как передать вывод на сторону клиента.

Итак, мои требования:

  1. У меня есть 10-15 диаграмм и графиков в пользовательском интерфейсе.
  2. Я сделаю отдельный вызов ajax на сервер
  3. Сервер создаст диаграммы на стороне сервера
  4. Сервер вернет HTML, который я могу встроить в свои разделы пользовательского интерфейса.

Пожалуйста, помогите с лучшей архитектурой или методом. Спасибо.


jsdom server-side-rendering d3.js
person Sudhanshu Agarwal    schedule 02.12.2018    source источник
comment
Вы можете попробовать уменьшить количество баллов на стороне сервера. Ознакомьтесь с этим алгоритмом сокращения: codeproject.com/Articles /18936/. Возврат html с сервера не будет хорошим вариантом. Вы можете вернуть json и сохранить какую-то ограничивающую очередь на стороне пользовательского интерфейса. На аналогичный вопрос я уже отвечал: /53399383/   -  person Vineeth Chitteti    schedule 02.12.2018
comment
вы можете использовать результат как SVG, но это приведет к большему размеру файлов, чем ваши файлы набора данных. Если диаграмме нужно взаимодействие, вы можете построить часть ее в SVG, forceSim или древовидная анимация не будут работать. Какие диаграммы и насколько велик набор данных   -  person rioV8    schedule 02.12.2018