Графики с множеством точек данных в JS

Question

Я создаю панель управления с использованием JS, которая будет показывать пользователям графики их продаж. Можете ли вы предложить js-библиотеку, которая:

1. Может построить много точек (например, 100 КБ или даже больше)
2. Интерактив
3. Поддерживает SSR без потери интерактивности (если это возможно. Я просто предполагаю, что единственный способ загрузить это количество данных без ущерба для UX - это SSR)
4. Необязательно: работает с React

Большое спасибо за любую помощь!

Answer 1

Возможно много вариантов, но один может быть Диаграмма победы . Библиотека построена на основе D3.js и в значительной степени настраивается. Для вашего большого набора данных я могу вспомнить одно решение, которое я использовал, которое задокументировано здесь . Одна из причин, по которой я бы предложил Victory, заключается в том, что у них хорошее сообщество поддержки здесь .

Я читал много постов в блогах на эту тему, вот одна , в которой сравниваются несколько "больших" библиотек диаграмм с компонентами React.

Для временных рядов я бы посоветовал взглянуть на эту библиотеку.

Если с большими наборами данных ничего не работает, я думаю, что лучшим вариантом будет D3.js (с реализацией React или без нее).