Визуализация данных временных рядов с частотой 244 Гц в браузере
Я пытался отобразить шесть каналов данных сигнала ЭКГ на экране браузера. Сигналы были дискретизированы при 244 Гц, чтобы убедиться, что сигнал может захватывать изменения 122 Гц.
Я сделал его версию для D3 (svg). Существует несколько компонентов с открытым исходным кодом, таких как https://www.physionet.org/lightwave/.
Поэтому меня беспокоит то, что если вы берете данные за 10 секунд, вы просматриваете 2440 точек данных на сигнал x 6 каналов, что составляет 14640 точек для отображения на экране. Если у вас есть аннотации (маркер ЭКГ, указывающий определенный тег на часть волны), вы просматриваете 14640 точек в 6 сигналах и около 30 вертикальных линий (маркеры ЭКГ). Учитывая такое большое количество точек, которые будут нанесены на SVG, компонент борется с базовым панорамированием и масштабированием, даже в Chrome. (Если я уменьшу количество очков, это будет работать гладко!)
Вопросы
- Является ли D3 правильным выбором?
- Как использовать D3 с HTML5 Canvas (это будет иметь смысл?)
- Стоит ли изучать WebGL?
- А как насчет других фреймворков, таких как paperjs, threejs и тому подобное?