Як поліпшити картографічну візуалізацію полігонів, що перекриваються?


17

Мені потрібні поради щодо покращення візуалізації картографічної інформації.

Користувач може вибирати різні види, і додаток для веб-карт показує його географічне розповсюдження (полігональні градусні клітини), кожен тип має кольоровий діапазон (наприклад, темніше помаранчевий колір, де ми знаходимо більше інформації, світліший помаранчевий, де менше інформації).

Проблема полягає в тому, що більше одного типу перекривається. Що я зараз роблю, це просто обчислити адитивну колірну суміш двох кольорів за допомогою http://www.xarg.org/project/jquery-color-plugin-xcolor/

Як ви бачите на цьому зображенні, одержуваний колір, коли два види перетинаються (змішаний синій і жовтий), зовсім не інтуїтивний.

введіть тут опис зображення

Хтось має якусь ідею чи знає подібні інструменти, де взяти натхнення? для створення полігонів я використовую d3.js, тому, якщо потрібно створити більш складні функції SVG, я можу спробувати.

Деякі ідеї у мене були ...

  1. Чим більше даних про багатокутник, тим товща межа (або кожна частина межі з відповідним кольором)
  2. в центрі багатокутника додайте етикетку, яка говорить про те, скільки видів перетинаються.
  3. Розділіть багатокутник на різні частини, кожна з відповідним видовим кольором.

1
Чи знаєте ви максимальну кількість видів, які можуть перекривати квадрат?
Балток

noops ... щоб зберегти читати карту (та підказки) я можу обмежитись 10 або 15 різними видами.
користувач1249791

1
Із такою кількістю потенційних перекриттів на одному квадраті, я думаю, що ваша ідея відображення кількості видів, що перекриваються, може бути найчистішим підходом. Крім того, відмінність кольорів може працювати, якщо призначити певний колір для кількості перекриттів і мати легенду.
Балток

Скільки різних видів у загальній кількості даних?
Дан C

ні, я не знаю, скільки різних видів у загальній кількості даних. Користувач може обрати один з різних сотень видів, які можуть накладати (чи ні)
user1249791

Відповіді:


4

Для декількох видів символіка полігонової діаграми може працювати, але такі види дисплеїв можуть бути дуже зайнятими.

Я помітив, що в центрі картографування є 77 публікацій на тему перекриття дисплеїв багатокутника:

http://search.esri.com/results/index.cfm?do=mappingcenter&h=10&ho=0&q=overlapping+polygons


4

Штрихування, як правило, є одним з моїх останніх курортів.

Окрім цього, я колись працював над проектом, де ми мали вирішити наступну проблему за менше години:

  • Нам потрібно було відображати полігони, що перекриваються, з декількома бітовими (Y / N) атрибутами.
  • Ми хотіли уникнути затемнення інших збіг даних на карті, тобто точок, міток
  • Нам потрібен був кінцевий користувач друкованого експонату, щоб мати можливість подивитися на карту та швидко визначити, чи підтверджено область (Y) для безлічі атрибутів (у даному випадку 4), не потребуючи пошуку складної інтерпретації символіки .

Легенда

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

Перекриваються багатокутники

Ми це зробили, використовуючи чергування пунктирних контурів з негативним зміщенням і порожнистою заливкою.

Green: Offset: -4, Cartographic Line Template: xxxxoooo
Yellow: Offset: -4, Cartographic Line Template: ooooxxxx
Orange: Offset: -2, Cartographic Line Template: xxxxoooo
Red: Offset: -2, Cartographic Line Template: ooooxxxx

Чудова відповідь! Я відредагував вашу публікацію, щоб поліпшити читабельність, і видалив ваш підпис, за допомогою .
Павло

2

Здається, що ваші навички програмування достатньо звинувачені, що ви можете використовувати щось на кшталт.
Обчисліть кількість видів і або розробіть для цього символіку, або використовуйте накладку люка, яка може бути кутом люка, зображує число виду.
наприклад, кут 10 означає 2 види, 20 означає 3 тощо.

Мітка може бути використана з кодуванням, таким як 24 означає види 2 і види 4, 248 = види 2, 4 і 8. Ці приклади не працюють з точністю, як я думав, але я знаю, що я бачив, де це число може означати лише один набір значень.

Це декілька ідей, які у мене просто швидко є для "натхнення". Було запитання щодо gis stackexchange, яке є одним із найпопулярніших питань і може забезпечити більше читання та ознайомлення.

Тобто, якщо читання (час) - це варіант.
Що є на вашій книжковій полиці.
І тоді є надія на те, що whuber допоможе у відповіді.
Або ви можете просто шукати відповіді по подушці та отримувати зовсім трохи натхнення.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.