АНАЛИТИКА ПЛЮС
Профессиональные услуги в сфере BI

Красота в Tableau: мозаичные карты

Часто в своих визуализациях мы используем карты. Но обычные карты — это уже скучно и неинтересно. Как сделать wow-карту? Ниже пошаговое руководство по созданию «мозаичной» карты, состоящей из множества правильных шестиугольников.

«Мозаичная» карта amCharts

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

Заходим по адресу https://pixelmap.amcharts.com и видим:

Давайте настроим нашу карту:

  • В поле Choose map выбираем UnitedKingdom
  • Выбираем Diamond (форма брильянта — или шесиугольника)
  • Устанавливаем размер (Size) на 25px
  • Устанавливаем расстояние (Distance) на 5px
  • Клик на Generate Pixel Map (сгенерировать карту)

Должно получиться следующее:

Теперь нужно получить данные в форме, которуюможно использовать в Tableau. Поэтому нажимаем кнопку HTML, которая покажет нам HTML-код, необходимый для представления сгенерированной карты. И, что более важно, там будет JavaScript, который содержит данные JSON для карты, именно их мы и будем использовать.

Вот сгенерированный HTML, скопированный текстовый редактор.

Нужно скопировать данные в массивimages и скопировать все это в файл с названием data.json.

{
   "images": [
      {
         "top": 40,
         "left": 60,
         "width": 80,
         "height": 40,
         "pixelMapperLogo": true,
         "imageURL": "http://pixelmap.amcharts.com/static/img/logo.svg",
         "url": "http://www.amcharts.com"
      },
      {
         "groupId": "GB-UKM",
         "selectable": true,
         "title": "Scotland",
         "longitude": -1.6153,
         "latitude": 60.5076,
         "type": "rectangle",
         "color": "rgba(129,129,129,1)",
         "width": 17.677669529663685,
         "height": 17.677669529663685,
         "scale": 1,
         "fixedSize": false
      }
      ...
      {
         "groupId": "GB-UKM",
         "selectable": true,
         "title": "Scotland",
         "longitude": -1.2734,
         "latitude": 60.3385,
         "type": "rectangle",
         "color": "rgba(129,129,129,1)",
         "width": 17.677669529663685,
         "height": 17.677669529663685,
         "scale": 1,
         "fixedSize": false
      }
   ]
} Важно: удаляем первый элемент,который содержит логотип amCharts, а также оборачиваем массив изображений в { }.

Рабочий лист

Загружаем файл data.json в Tableau:

  • Открываем Tableau.
  • В меню Connect, выбираем JSON file.
    • выбираем data.json.
    • проверяем, что проставлена галочка images.
    • клик на OK.
  • В поле Connection выбираем Extract.
  • Клик на Sheet 1, чтобы перейти к своему Worksheet.
    • Вам будет предложено указать расположение для сохранения файла Hyper.

Должно получиться так:

Теперь строим свой Worksheet:

  • Меняем Mark Type на Shape.
  • Перетаскиваем Longitude на Columns.
    • Клик правой кнопкой мыши на объект и выбираем Dimensions.
  • Перетаскиваем Latitude на Rows.
    • Клик правой кнопкой мыши на объект и выбираем Dimensions.
  • Перетаскиваем Title на Colour.
  • МеняемShape наDiamond.
  • Выбираем размер (Size).

Должно выглядеть так:

Наконец наводим красоту:

  • В меню Application Menu, переходим к Map и Map Layers
  • Изменяем Washout на 100%.

И вот он результат:

И еще кое-что интересное…

  • Создаем World Map Hex Map.
  • Перетаскиваем Title на Colour Mark.

Делаем следующее:

  • Изменим Mark Type на Line.
  • В менюApplication Menu, переходим к Map и выбираемMap Layers…
    • устанавливаем Style на Dark.
    • устанавливаем Washout на 0%.

И вот она — еще одна красота:

Источник: tableaumagic.com

ЦИФРЫ О НАС

Мы, компания АНАЛИТИКА ПЛЮС, с 2012 года помогаем нашим клиентам работать с данными — находить полезные инсайты и использовать эту информацию для увеличения прибыли компании.

За это время мы разработали и внедрили решения для компаний из разных сфер бизнеса: ритейл, дистрибуция, логистика, e-commerce, банки и финансы, маркетинг, телеком, производство, логистика, транспорт.

Мы помогаем начать работу с инструментами BI, предоставляем услуги «под ключ» — от сбора данных до установки ПО и предоставления финального интерактивного отчета. И конечно — проводим обучение: наши клиенты ни от кого не зависят и умеют работать со своими данными самостоятельно!

Как мы помогаем в работе с данными? >>

x

Этот сайт использует файлы cookies, чтобы облегчить вам пользование нашим веб-сайтом.

Продолжая использовать этот веб-сайт, вы даете согласие на использование файлов cookies.