Карты и D3.js 👩‍💻

Думаю, многие знают D3, как одну из самых популярных библиотек JavaScript для визуализации диаграмм и графиков. Но с ее помощью можно создавать и карты 😍

Mapping with d3 – интересный ресурс, где можно найти небольшие тьюториалы и примеры, которые помогут сделать первые шаги в использовании библиотеки 📕

Разобраться, как делать карты с помощью d3 и React, мне очень помогло видео Making a World Map with React & D3 🔥

И, конечно, не стоит забывать обращаться к документации d3

А вот тут можно найти примеры 💌

#geo_ed #geo_web

🌎🕊️ GIS_AND_PEACE

Kiezcolors - необычные картографические открытки 💙

Сгенерировать почтовую открытку для разных районов Берлина можно в проекте от CityLAB Berlin 💌

Структура землепользования с одной стороны, легенда, место для адреса и почтовой марки - с другой⏩

Интересная задумка и очень красивое исполнение ⭐️

Как я люблю – веб-картография, дизайн и урбанистика в одном проекте ✔️

#geo_vis #geo_web #geo_cities

🌎🕊️ GIS_AND_PEACE

Открытые векторные тайлы ⭐️

Можно много говорить про то, как прекрасны векторные тайлы, но откуда их брать и как использовать все те невероятные возможности для кастомной настройки стилей❓

Когда-то я уже рассказывала про MapTiler API и его плагин для QGIS. Но, к сожалению, как и у многих API, есть довольно много ограничений в использовании ✖️

Пару месяцев назад для меня открылся новый мир OpenMapTiles, где можно найти открытые векторные тайлы, сгенерированные на основе данных OpenStreetMap 💔

OpenMapTiles поддерживают различные стили карт, включая те, что доступны в Open Source Map Styles, а также позволяют создавать собственные стили на их основе или с чистого листа с помощью таких инструментов, как Maputnik⚡️

Вы представьте, есть доступный способ полностью самостоятельно настраивать стили базовой карты! И не только подбирать цвета, определять отображение в зависимости от зум-уровней, но и, например, разделять основные слои и аннотации (подписи)! 🪴

Если вы на веб-карту добавляли векторные данные, то, думаю, могли сталкиваться с ситуацией, когда они перекрывают названия объектов на подложке. Но теперь можно легко отобразить подписи сверху, что значительно повышает качество карт! 😍

Это пост-восхищение, а как именно создавать стили для векторных тайлов – расскажу на следующей неделе!


#geo_web #geo_vis

🌎🕊️ GIS_AND_PEACE

Стилизация векторных тайлов 🌟

Отображение векторных тайлов определяется в JSON-файле, где указаны источники данных и описание визуализации для разных слоев: цвет, прозрачность, видимость в зависимости от зум-уровней и пр. 🌸

Существуют разные приложения для создания и редактирования стилей, одно из самых популярных – Maputnik ❗️

У этого инструмента интуитивно понятный интерфейс, где можно настраивать визуализацию и сразу видеть изменения на экране. В нем уже есть несколько встроенных открытых источников векторных тайлов, например openmaptiles, а также возможность добавить свои ❤️

Вы можете создать стили на основе готовых шаблонов или с нуля. Итоговые настройки экспортируются в формате JSON ⏩

Полезные видео:
🟣создание стиля "с чистого листа"
🔵визуализация для разных зум-уровней
🟡стилизация GeoJSON файлов


#geo_web #geo_vis

🌎🕊️ GIS_AND_PEACE

Россия больших городов – How old is this house

Проект how-old-is-this.house стал еще прекраснее! Теперь тут есть информация о возрасте домов в 80(!) городах России 😍

Интересно читать про особенности застройки в разных городах, и про процесс сбора информации и исходные источники данных 🔁

Круть 🔥


#geo_vis #geo_web #geo_data #geo_cities

🌎🕊️ GIS_AND_PEACE

City Access Map 🔜

15-минутный город — концепция, в которой все необходимые для повседневной жизни объекты и услуги (работа, учеба, магазины, места отдыха и пр.) находятся в 15 минутной пешей доступности. Это способствует улучшению качества жизни, минимизации транспортных и экологических проблем 🍀

CityAccessMap — классное веб-приложение, которое оценивает и показывает пешеходную доступность районов в городах по всему миру. Также можно узнать долю населения, проживающего в пределах этой доступности. Для анализа использованы данные OpenStreetMap и Global Human Settlement Layer 📎

На карте можно поиграть с фильтрами и выбрать только те объекты, которые хотите включать в итоговую оценку! ▶️

Здорово, что довольно подробно описана методология, а также доступен исходный код подготовки данных 🔥

Круть! 😍

#geo_cities #geo_vis #geo_web

🌎🕊️ GIS_AND_PEACE