Руководство пользователя

Руководство пользователя

Использование «Стиля по значению» с точечной геометрией

В этом руководстве рассказывается, как стилизовать слои с помощью атрибута данных в конструкторе Epsilon Metrics.

При стилизации карт вы можете стилизовать свою геометрию по размеру и цвету на вкладке «СТИЛЬ». По умолчанию Epsilon Metrics использует фиксированные значения размера и сплошных цветов. Вы также можете стилизовать «По значению», что позволяет вам выбрать столбец из вашего набора данных, который автоматически определяет стиль для вашего слоя.

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

by_value

Градуированные и пропорциональные карты

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

Используются два метода: абсолютное масштабирование и градация по диапазону. При абсолютном масштабировании площадь каждого символа на карте масштабируется пропорционально его значению в данных (пропорциональные карты). При градации по диапазону значения разбиваются на диапазоны с использованием метода классификации, в котором размеры символов определяются в зависимости от диапазона, в который они попадают (градуированные карты).

Создание карты градуированных символов

  1. В этом руководстве используем world_population_by_continent.geojson.
  2. Со страницы данных импортируйте набор данных в свою учетную запись.
  3. В наборе данных нажмите кнопку СОЗДАТЬ КАРТУ. Конструктор открывает отображение данных точки.
  4. Измените базовую карту на Epsilon WORLD ANTIQUE.
  5. Нажмите на слой карты world_population_by_continent. Откроется вкладка «СТИЛЬ», которая по умолчанию не отображает агрегации.

    ПАМЯТКА: СТИЛИ АГРЕГАЦИИ ТОЧЕК

    Следующие стили агрегации доступны для слоев карты, содержащих точечную геометрию, и которые применяют свойства, связанные с EpsilonCSS, в фоновом режиме.

    1. ТОЧКИ: Отображает всю геометрию в виде точки. Все столбцы подсчитываются и отображаются как единый шаблон.

    2. КВАДРАТЫ: Отображает ваши данные, объединенные в квадраты, на основе определенной операции. Вы можете настроить размер сетки квадратов и применить функцию агрегации для расчета данных (COUNT, SUM, AVG, MAX, MIN). Квадраты будут полезны, если у вас есть большое количество близких точек в ваших наборах данных. Свойство EpsilonCSS TurboEpsilon: Добавлено свойство EpsilonCSS agg_value, которое содержит уникальную цветовую схему, позволяющую различать стилизованный шаблон, применяемый к вашей карте.

    3. ШЕСТИУГОЛЬНИКИ: Отображает ваши данные, объединенные в шестиугольники, на основе определенной операции. Вы можете настроить размер шестиугольной сетки и применить операцию для агрегации данных (COUNT, SUM, AVG, MAX, MIN). Шестиугольники будут полезны для обозначения значимых шаблонов данных для больших наборов данных. Основное различие между КВАДРАТАМИ и ШЕСТИУГОЛЬНИКАМИ заключается в том, как фигуры рассчитываются по краям Свойство EpsilonCSS TurboEpsilon: Добавлено свойство agg_value EpsilonCSS, которое содержит уникальную цветовую схему для различения бинарной структуры, применяемой к вашей карте.

    4. АДМ. РЕГИОНЫ: Объединяет точки и отображает результаты в виде границ многоугольников, определяемых различными административными уровнями или регионами. Подробную информацию об общедоступных данных о границах смотрите в Обсерватории данных. Свойство EpsilonCSS TurboEpsilon: Добавлено свойство EpsilonCSS agg_value_density, которое содержит уникальную цветовую схему, основанную на выбранном уровне администрации.

    5. АНИМИРОВАННЫЕ: Отображает выбранный столбец в виде анимированной карты, где вы можете стилизовать различные параметры анимации для данных временных рядов. Свойство EpsilonCSS: смотрите «Свойства EpsilonCSS для карт стиля крутящего момента» для конкретных анимированных свойств.

    6. ПИКСЕЛИ: Отображает данные, агрегированные по пикселям. Области с большей интенсивностью цвета указывают на большую плотность данных. Свойство EpsilonCSS: смотрите «EpsilonCSS - Тепловые карты крутящего момента» для конкретных свойств тепловой карты крутящего момента.

    Описание того, как вычисляются функции агрегирования, смотрите в документации MySQL.

  6. Чтобы увидеть, как точки меняются в «Просмотре карты», отредактируйте параметры «РАЗМЕР ТОЧКИ», «ЦВЕТ ТОЧКИ», «РАЗМЕР ОБВОДКИ», «ЦВЕТ ОБВОДКИ» и «НАЛОЖЕНИЕ».

ПАМЯТКА: НАЛОЖЕНИЕ ПЕРЕКРЫВАЮЩИХСЯ ГЕОМЕТРИЙ

Значения наложения - это параметры стиля, которые влияют на то, как цвета перекрывающихся геометрий взаимодействуют друг с другом в «Просмотре карты». Наложение цветов применяется к конкретному свойству символа в зависимости от режима наложения, которого вы пытаетесь достичь.

none: К слою карты стиль наложения цветов не применяется. Это параметр по умолчанию.

multiply: Умножение буквально умножает цвет верхнего слоя на цвет каждого нижнего слоя, и это обычно приводит к тому, что перекрывающиеся области становятся темнее.

screen: Также умножает перекрывающиеся области. В отличие от multiply, screen вычитает умноженные номера цветовых каналов из их добавленного значения, чтобы инвертировать их. Это делает перекрывающиеся области более яркими. Если используется белый цвет, он не изменит внешний вид. Черные области исчезнут. Используйте этот параметр, когда вам нужно осветлить перекрывающиеся области на карте.

overlay: Это режим наложения цветов, который сочетает в себе операции умножения и растрирования. Черный кажется таким же темным, каким он изначально был в своем слое; а белый кажется таким же ярким, каким он изначально был в своем слое. То, как чисто отображаются другие цвета, зависит от того, насколько они близки к белому или черному. Чем ближе цвет по значению к чистому среднему оттенку серого, тем меньше он будет проявляться. Используйте этот параметр, когда вам нужно показать как светлые, так и темные цвета в перекрывающихся слоях.

darken: Имеет эффект, аналогичный умножению, но более экстремальный. Параметр применяет цвет базового слоя к целевым слоям, поэтому он сравнивает каждый, чтобы найти пиксели самого темного цвета и сохранить их.

lighten: Работает так же, как darken, но наоборот. Самые светлые пиксели каждого слоя сохраняются, и если пиксели темнее, чем базовый слой, то цвет базового слоя заменяет их. Этот параметр может быть полезен, если вы хотите изменить цвет теней перекрывающихся областей.

color-dodge: Режим наложения color-dodge аналогичен screen, но общий эффект более экстремальный. Ваши элементы становятся намного ярче (за исключением случаев, когда ваш базовый слой черный). Более темные области окрашены в сторону исходного цвета. Используйте этот параметр, если вам нужно получить сильный эффект осветления с экстремальным контрастом между слоями, без отображения особых деталей.

color-burn: Работает аналогично color-dodge, но имеет затемняющий эффект. Параметр увеличивает контраст между базовым и целевым слоями, а пиксели в области перекрытия окрашиваются в исходный цвет. Используйте этот параметр, если вам нужен эффект затемнения с большей контрастностью, чем multiply или darken.

xor: Это составная альфа-операция, которая показывает как базовый, так и целевой слои, но только те части, которые не перекрывают друг друга.

src-over: Исходное наложение также является составной альфа-операцией, которая сохраняет полную прозрачность как базового, так и целевого слоев. Визуальный эффект заключается в том, что базовый слой отображается поверх всех слоев, участвующих в области перекрытия.

Дополнительные параметры наложения могут применяться с синтаксисом EpsilonCSS. Ознакомьтесь с полным списком значений EpsilonCSS и примерами эффектов этих параметров наложения.

aggregation

В этом руководстве мы будем обозначать точки двумя способами:

  • Применить числовой атрибут для размера символа.
  • Применить категориальный столбец данных для его цвета.

Стиль по значению размера символа

Чтобы визуализировать население разных стран с помощью символов разного размера, присвойте маркеру «РАЗМЕР ТОЧКИ» значение численности населения в странах.

  1. На вкладке «СТИЛЬ» слоя карты измените «РАЗМЕР ТОЧКИ» с фиксированного по умолчанию на параметр «По значению», чтобы открыть свойства размера для слоя карты.
  2. Выберите столбец pop_2015 в качестве значения для классификации.
  3. Измените метод классификации:
    1. Выберите Jenks в качестве метода классификации.
    2. Держите 5 сегментов для количества диапазонов данных для группировки данных.

      ПАМЯТКА: МЕТОДЫ КЛАССИФИКАЦИИ

      Методы классификации группируют данные в диапазоны. Epsilon Metrics поддерживает классификацию числовых полей для градуированных символов с помощью следующих методов:

      1. Квантили: Квантильная классификация хорошо подходит для данных с линейным распределением. Каждый квантильный класс содержит равное количество признаков. Не существует пустых классов или классов со слишком малым или слишком большим количеством значений. Иногда это может вводить в заблуждение, потому что сходные функции могут быть помещены в соседние классы, или в одном классе могут находиться совершенно разные значения из-за группировки одинаковых чисел.
      2. Jenks: Разбивает данные на классы на основе естественного группирования, присущего данным. Группы формируются путем уменьшения дисперсии внутри классов и увеличения дисперсии между разными классами - одномерного среднего значения k. Поскольку Jenks - это классификации, зависящие от данных, они бесполезны для сравнения нескольких карт, построенных на основе разных базовых данных.
      3. Равный интервал: Разделяет диапазон значений атрибута на поддиапазоны одинакового размера. Разрывы классов определяются количеством выбранных сегментов. Обычно используется для процентных значений, но лучше всего применяется к обычным столбцам данных, таким как температура, отношения и другие относительные значения атрибутов.
      4. Орел/Решка: Лучше всего подходит для данных с тяжелым распределением, таких как экспоненциальное затухание или логарифмически нормальные кривые. Эта классификация осуществляется путем деления значений на большие (орел) и малые (решка) вокруг среднего арифметического. Процедура деления повторяется непрерывно до тех пор, пока не будет достигнуто заданное количество интервалов или пока не останется только одно оставшееся значение. Этот метод лучше, чем другие, помогает выявить лежащую в основе модель масштабирования гораздо большего количества малых значений, чем больших.
      5. Категория: Классифицирует ограниченное (или фиксированное) количество возможных значений на основе атрибута конкретной группы или номинальной категории.
  4. Для размера маркера введите 5 в качестве МИНИМАЛЬНОГО значения и 35 в качестве МАКСИМАЛЬНОГО значения, что четко символизирует диапазон населения стран на нашей карте.

size-by-value

Стиль по цвету для категорий

Чтобы визуально сгруппировать символы населения по континентам, настройте «ЦВЕТ ТОЧКИ» по категории континента для каждой страны.

  1. Кликните по параметру По значению для ЦВЕТА ТОЧКИ. Параметр Фиксированный выбран по умолчанию.
  2. Выберите continent_name в качестве столбца категории.

Появятся цвета по умолчанию, назначенные шести уникальным категориям.

color-by-value

colors