Точка

{
  "data": ... ,
  "mark": "point",
  "encoding": ... ,
  ...
}

Примитив point отображает каждую запись данных отдельным символом. Чаще всего точки используют в диаграммах рассеяния.

Содержание страницы

• Свойства точки
• Примеры
  • Точечная диаграмма
  • Диаграмма рассеяния
  • Пузырьковая диаграмма
  • Цвет и форма
  • Случайное смещение точек
  • Векторы ветра
  • Географические точки
• Настройка точек

Свойства точки

// Спецификация одиночного представления
{
  ...,
  "mark": {
    "type": "point",
    ...
  },
  "encoding": ... ,
  ...
}

Помимо общих свойств примитивов, точка поддерживает:

Примеры

Точечная диаграмма

Если поле данных сопоставлено только с каналом x или только с y, получается одномерная точечная диаграмма:

Диаграмма рассеяния

Сопоставление полей одновременно с x и y создаёт диаграмму рассеяния:

По умолчанию точка прозрачна внутри и имеет только обводку. Для заливки задайте filled: true:

Пузырьковая диаграмма

Сопоставив третье поле с каналом size диаграммы рассеяния, можно получить пузырьковую диаграмму.

Цвет и форма

Поля диаграммы рассеяния также можно кодировать каналами color и shape. В этом примере поле Origin одновременно определяет цвет и форму точек:

Случайное смещение точек

На дискретной шкале точки могут накладываться друг на друга. Небольшое случайное смещение позволяет показать плотность записей:

Векторы ветра

Точки с кодированием угла позволяют создать карту векторов ветра.

Географические точки

Каналы longitude и latitude вместе с географической проекцией размещают точки по координатам. Здесь показаны крупные аэропорты США:

Настройка точек

// Спецификация представления верхнего уровня
{
  ...,
  "config": {
    "point": ...,
    ...
  }
}

Свойство point объекта config верхнего уровня задаёт значения по умолчанию для всех точек. Каналы свойств примитива переопределяют эти значения.

Конфигурация может содержать любые свойства точек, кроме type, style и clip.