Отпечаток высотности Нью-Йорка. Визуализация данных на HSE Design

Идея и концепция

Данный проект является логическим развитием и визуальным продолжением моего предыдущего исследования «Анализ небоскребов», опираясь на тот же исходный массив данных. Меня всегда привлекала архитектура своим величием: на протяжении всей истории человечество непрерывно стремится ввысь. Небоскребы — это абсолютный показатель достижений инженерной мысли, развития технологий и экономических возможностей общества.

В этом проекте фокус внимания сузился до одного города — Нью-Йорка, главной архитектурной лаборатории XX и XXI веков и дизайн-легенды.

Данные

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

Источник данных: Специализированная платформа Kaggle.com (Skyscrapers of the World EDA)

https://www.kaggle.com/code/beridzeg45/skyscrapers-of-the-world-eda

Исходный размер 2380x3368

Процесс

Создание плаката строилось на стыке графического дизайна и программирования (Generative Design). Чтобы обработать массив из сотен параметров, был разработан кастомный веб-инструмент.

С помощью ИИ-ассистента (Gemini 3.1 Pro) был написан алгоритмический код на базе HTML, CSS и JavaScript-библиотеки D3.js (Data-Driven Documents). Под капотом созданного инструмента находится мощный парсер, который автоматически фильтрует загруженный CSV-файл, математически переводит метры и годы в полярную систему координат и рендерит SVG-пути.

Исходный размер 2940x1664

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

Визуальная часть

Радиальный отпечаток города

Главный элемент плаката — масштабный радиальный «отпечаток» высотной застройки Нью-Йорка, который визуализирует архитектурную базу данных, отображая высоту, время постройки и этажность каждого здания. Цель этой инфографики — уйти от стандартных сухих таблиц и продемонстрировать живой пульс вертикальной урбанизации. Практическая польза проекта заключается в том, что зритель может единым взглядом охватить историческую эволюцию мегаполиса, мгновенно оценив масштаб инженерных амбиций и проследив, как радикально менялась линия горизонта Манхэттена на протяжении последних 140 лет. ㅤ В нижней части плаката расположены компактные аналитические блоки, дополняющие общую картину конкретными статистическими выжимками про назначение и материалы зданий.

Визуальное оформление и эстетика

Визуальный стиль инфографики построен на контрастной красно-черной палитре, вдохновленной эстетикой культового логотипа «I ❤️ NY» Милтона Глейзера. Использование массивной, бескомпромиссной жирной типографики в сочетании с элементами, стилизованными под расклеенные уличные стикеры, передает дерзкую и динамичную энергию улиц Нью-Йорка. Такой стилистический выбор позволяет превратить сухой графический анализ в выразительный плакатный манифест, который органично отражает культурный код города.

Исходный размер 2048x1366

Исходный размер 2380x697