JavaScript для глубокого обучения 2021 TensorFlow js Ббк

290
Часть III • Продвинутые возможности глубокого обучения с TensorFlow.js
Листинг 7.1.
Создание простой линейной диаграммы с помощью tfvis.render.linechart()
Созданная с помощью кода из листинга 7.1 линейная диаграмма приведена слева 
на рис. 7.1. Это простая кривая, всего из четырех точек данных. Впрочем, функция 
linechart()
поддерживает кривые, состоящие из намного большего числа точек дан­
ных (скажем, тысяч). Однако если пытаться построить график слишком большого 
количества точек данных сразу, рано или поздно можно столкнуться с ограниченно­
стью ресурсов, доступных браузеру. Эти ограничения зависят от конкретных плат­
формы и браузера, их приходится выяснять эмпирическим путем. Вообще говоря, 
рекомендуется ограничивать размер визуализируемых интерактивно данных ради 
плавной работы и быстроты отклика UI.
Рис. 7.1.
Линейные диаграммы, созданные с помощью tfvis.render.linechart(). 
Слева: один ряд 
данных, создан с помощью кода из листинга 7.1. 
Справа: два ряда данных в той же системе 
координат, создан с помощью кода из листинга 7.2
Иногда возникает необходимость построить графики двух кривых на одной 
диаграмме, чтобы показать их взаимосвязь (например, чтобы сравнить их друг 
с другом). С помощью 
tfvis.render.linechart()
можно создать и такие графики. 
Соответствующий пример приведен в правом блоке на рис. 7.1 и в коде из лис­
тинга 7.2.
Такие графики называются 
диаграммами нескольких рядов данных
(multi­series 
chart), а отдельные кривые — 
рядами данных
. Для создания подобной диаграммы 
необходимо включить в первый аргумент функции 
linechart()
дополнительное 
поле, 
series
, значение которого представляет собой массив строк — названий рядов 
данных, визуализируемых в виде легенды итогового графика. В примере кода мы 
назвали наши ряды данных 
'My
series
1'
и 
'My
series
2'
.

---