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

Часть III • Продвинутые возможности глубокого обучения с TensorFlow.js
Диаграммы рассеяния
Еще одна разновидность диаграмм, которую можно построить с помощью 
tfvis.
ren der
, — 
диаграммы рассеяния
(scatter plots), они же 
точечные диаграммы
. Наи­
более заметное отличие диаграмм рассеяния от линейных диаграмм — отсутствие 
на первых отрезков, соединяющих точки данных, благодаря чему они подходят для 
случаев, когда порядок точек данных неважен. Например, с помощью диаграммы рас­
сеяния можно построить график населения нескольких стран относительно их ВВП 
на душу населения. На подобном графике главное — отношения 
x
­ и 
y
­значений, а не 
упорядоченность точек данных.
В пространстве имен 
tfvis.render
для создания диаграмм рассеяния слу­
жит функция 
scatterplot()
. Как демонстрирует пример в листинге 7.3, функция 
scatterplot()
способна визуализировать сразу несколько рядов данных, аналогично 
linechart()
. На самом деле API 
scatterplot()
и 
linechart()
практически иден­
тичны, как видно из сравнения листинга 7.2 с листингом 7.3. Созданная с помощью 
листинга 7.3 диаграмма рассеяния показана на рис. 7.2.
Листинг 7.3.
Создание диаграммы рассеяния с помощью функции tfvis.render.scatterplot()
Рис. 7.2.
Диаграмма рассеяния с двумя рядами данных. Создана с помощью кода из листинга 7.3

---

Глава 7. Визуализация данных и моделей
293
Столбчатые диаграммы
Как ясно из их названия, в 
столбчатой диаграмме
(bar chart) значения величин 
отображаются с помощью прямоугольных зон (столбцов). Эти столбцы обычно на­
чинаются с нуля внизу, чтобы по относительной высоте столбца можно было судить 
о соотношениях величин. Поэтому столбчатые диаграммы удобны, когда важны 
именно соотношения между величинами. Например, такие диаграммы часто исполь­
зуются для отображения годовых доходов компании за несколько лет. В подобном 
случае из относительных высот столбцов интуитивно ясно, как меняется доход по 
кварталам. Это отличает столбчатые диаграммы от линейных диаграмм и графиков 
рассеяния, в которых значения далеко не всегда привязаны к нулю.
Для создания столбчатой диаграммы с помощью 
tfvis.render
используется 
функция 
barchart()
. Пример приведен в листинге 7.4. Созданная с помощью этого 
кода столбчатая диаграмма показана на рис. 7.3. API функции 
barchart()
аналоги­
чен API функций 
linechart()
и 
scatterplot()
. Впрочем, следует отметить важное 
их отличие. Первый передаваемый в 
barchart()
аргумент представляет собой 
не состоящий из поля 
value
объект, а простой массив пар «индекс — значение». 
Горизонтальные значения задаются с помощью поля, называющегося не 
x
, а 
index
. 
Аналогично вертикальные значения задаются с помощью поля, называющегося не 
y
, 
а 
value
. Почему так? Дело в том, что горизонтальные значения столбца в столбчатой 
диаграмме не обязательно числа. Они могут быть как строковыми значениями, так 
и числами, как демонстрирует наш пример на рис. 7.3.