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

Глава 7. Визуализация данных и моделей
289
Основная библиотека TensorFlow.js импортируется иначе:

То же относится к пакетам tfjs­vis и TensorFlow.js системы управления пакетами 
npm (
@tensorflow/tfjs-vis
и 
@tensorflow/tfjs
соответственно). В веб­страницах 
или JavaScript­программах, зависящих как от TensorFlow.js, так и от tfjs­vis, необ­
ходимо импортировать обе зависимости.
Линейные диаграммы
Вероятно, чаще всего используемый тип диаграмм — 
линейная диаграмма
(line 
chart) (ломаная, соединяющая точки данных). Она содержит горизонтальную 
и вертикальную оси, часто называемые 
ось X
и 
ось Y
соответственно. Подобные 
визуализации встречаются повсюду. Например, с помощью линейной диаграммы, 
по горизонтальной оси которой откладывается время суток, а по вертикальной — 
показания термометра, можно построить график изменения температуры за день. 
По горизонтальной оси линейной диаграммы можно откладывать не только время. 
Например, с помощью линейной диаграммы можно показать взаимосвязь между 
терапевтическим эффектом лекарства от давления (степень снижения давления) 
и его дозой (количеством принимаемого за день лекарства). Подобный график 
называется 
кривой «доза — эффект»
(dose­response curve). Еще один хороший 
пример не связанной с временем линейной диаграммы — обсуждавшаяся в главе 3 
кривая ROC. В ней ни ось 
X
, ни ось 
Y
никакого отношения ко времени не имеют 
(а представляют собой ложнопозитивные и истиннопозитивные результаты работы 
классификатора).
Для создания линейной диаграммы с помощью 
tfvis.render
используется функ­
ция 
linechart()
. Как демонстрирует первый пример в CodePen (и листинг 7.1), эта 
функция принимает три аргумента.
z
z
Первый аргумент представляет собой HTML­элемент, в котором должна отри­
совываться диаграмма. Достаточно пустого элемента 

.
z
z
Второй аргумент содержит значения точек данных на графике и представляет 
собой простой Java­объект в старом стиле (POJO), поле 
value
которого указывает 
на массив, состоящий из определенного количества пар 
x
— 
y
, представляемых 
с помощью объектов POJO с полями 
x
и 
y
. Значения 
x
и 
y
, разумеется, отражают 
координаты 
x
и 
y
точек данных.
z
z
Третий аргумент, необязательный, содержит дополнительные поля конфигура­
ции для линейной диаграммы. В данном примере мы используем поле 
width
для 
задания ширины итогового графика (в пикселах). В следующих примерах вы 
встретите и другие поля конфигурации
1
.
1 
Полную документацию API tfjs­vis со списком прочих полей конфигурации этой функции 
можно найти по адресу https://js.tensorflow.org/api_vis/latest/.

---