Прямоугольник

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

Примитив rect отображает произвольный прямоугольник.

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

• Свойства прямоугольника
• Примеры
  • Тепловая карта
  • Прямоугольники между границами
• Настройка прямоугольников

Свойства прямоугольника

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

Помимо общих свойств примитивов, прямоугольнику доступны:

Примеры

Тепловая карта

Дискретные поля на осях x и y вместе с rect создают тепловую карту:

Прямоугольники можно использовать и с разбитыми на интервалы количественными или дискретизированными временными полями:

Прямоугольники между границами

Если задать x вместе с x2 и/или y вместе с y2, прямоугольник займёт соответствующий диапазон значений. Например, такой слой может подсветить область от общего минимума до максимума:

Настройка прямоугольников

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

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

Помимо стандартных свойств прямоугольника, кроме type, style и clip, конфигурация поддерживает дополнительные параметры: