GitCity

Что такое GitCity?

GitCity превращает историю публичных вкладов пользователя GitHub в интерактивный изометрический 3D-скайлайн города. Основная идея в том, что каждый день публичных вкладов становится «зданием», высота которого зависит от активности коммитов, позволяя визуально исследовать активность вместо сетки.

Предназначено для пользователей GitHub, желающих представить данные о вкладах в более привлекательном формате — например, встраивая SVG в README или портфолио разработчика — без настройки, кроме ввода имени пользователя GitHub.

Ключевые возможности

• Интерактивный изометрический 3D-город из вкладов GitHub: Строит скайлайн на основе публичной активности вкладов, чтобы зрители могли понять паттерны с первого взгляда.
• Симуляция проездного режима по городу: Включает режим симуляции, где можно перемещаться по городу «с уровня улицы» для пространственного изучения скайлайна.
• Переключение тем (6 тем): Предлагает тематические визуалы — Matrix, Noir, Aurora, Ocean, Gold и Ice — для разных эстетических предпочтений.
• Фильтрация по году, месяцу или неделе: Позволяет ограничить визуализацию конкретными временными диапазонами вместо показа полной истории.
• Встраиваемый SVG для GitHub README и портфолио: Генерирует SVG для встраивания на профили разработчиков и страницы проектов.
• Нулевая настройка через имя пользователя GitHub: Автоматически загружает публичные данные вкладов по введённому имени пользователя, минимизируя шаги настройки.

Как использовать GitCity

1. Откройте GitCity и введите своё имя пользователя GitHub.
2. GitCity загрузит ваши публичные данные вкладов и отрендерит город, где дни с коммитами отображаются как здания.
3. Используйте управление темами для смены вида и фильтры для фокуса на году, месяце или неделе.
4. Чтобы поделиться, выберите опцию встраиваемого SVG для генерации эмбеда для GitHub README или портфолио разработчика.
5. (Опционально) Переключитесь в режим симуляции и проедьте по городу для изучения с уровня улицы.

Сценарии использования

• Визуализация в личном GitHub README: Встройте сгенерированный SVG в README, чтобы показать активность вкладов как 3D-скайлайн вместо статической диаграммы.
• Презентация в портфолио: Добавьте визуализацию города на страницу портфолио разработчика для обзора активности кодинга с первого взгляда.
• Обзор по временным периодам (месяц или неделя): Фильтруйте по месяцу или неделе, чтобы изучить изменения объёма вкладов на коротких периодах.
• Рассказ об активности через эстетику: Меняйте темы (например, Noir или Aurora) при презентации скайлайна в разных контекстах — на страницах проектов или в соцпрофилях.
• Исследовательский «проход» по вкладам: Используйте режим симуляции для навигации по городу и визуального анализа паттернов плотности коммитов.

FAQ

• Какие данные использует GitCity? GitCity загружает публичные данные вкладов GitHub для введённого имени пользователя.

• Как GitCity преобразует коммиты в 3D-город? Согласно странице, каждый день с коммитами становится зданием, а чем больше коммитов, тем выше башня.

• Можно ли ограничить визуализацию конкретным периодом? Да. GitCity включает фильтры по году, месяцу или неделе.

• Можно ли встроить визуализацию на другие страницы? Да. GitCity предлагает встраиваемый SVG для GitHub README и портфолио разработчиков.

• Нужно ли настраивать что-то кроме имени пользователя GitHub? Страница описывает настройку как нулевую конфигурацию за исключением ввода имени пользователя GitHub.

Альтернативы

• Визуализации вкладов GitHub (2D-тепловые карты/диаграммы): Вместо 3D-города и симуляции эти альтернативы обычно показывают вклады в виде сеток или диаграмм; проще, но менее пространственно.
• Виджеты статистики для портфолио/статичные GitHub-статистики: Инструменты для бейджей или статичных сводок проще встраивать, но обычно не предлагают проезд по городу или 3D-вид с временными фильтрами, как здесь.
• Собственная визуализация на данных GitHub API: DIY-подход позволяет создать кастомные визуалы (включая 3D), но переносит усилия по настройке и поддержке на пользователя вместо нулевой конфигурации.