Красота в 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…mустанавливаем Style на Dark. устанавливаем Washout на 0%.

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

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

 

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

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

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

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

Хотите узнать, как провести анализ и сделать отчеты быстро?

 

Нам доверяют: