Основная суть проекта

Networks of Opportunity — это интерактивное веб-приложение для анализа данных о вакансиях, собранных в рамках проекта РосНавык.

Функционал приложения

  • Визуализировать связи 🔗 между навыками, специальностями, регионами, работодателями и другими переменными через двумодальные и одномодальные графы.
  • Анализировать данные 📊 с помощью фильтров (работодатель, навыки, заработная плата, опыт работы и др.).
  • Искать схожие узлы в графе 🔍 через векторное сходство.
  • Определять целевые навыки 🎯, необходимые для получения сразу нескольких квалификаций.
  • Анализировать кластеры компетенций 🧠 с помощью выделения сообществ в графе.
  • Оценивать ценность навыков 💰 через привязку к зарплатным предложениям.

Как можно использовать веб-приложение для анализа рынка труда и компетенций 🌐

  • Выявлять, какие навыки чаще всего требуются совместно в вакансиях, чтобы строить актуальные профили компетенций для разных специальностей.
  • Определять пересекающиеся навыки между различными специальностями, чтобы находить универсальные и смежные компетенции для переквалификации или расширения профиля кандидата.
  • Находить группы похожих между собой специальностей по требуемым навыкам для планирования карьерных переходов и построения альтернативных карьерных траекторий.
  • Анализировать спрос на навыки и профессии со стороны компаний, чтобы выявлять возможности для партнерств, стажировок или усиления кадровой политики.
  • Разрабатывать новые продукты и сервисы в области образования, HR или рекрутинга на основе анализа текущего рынка требований к навыкам.
  • Фокусироваться на дорогостоящих и актуальных для топ-компаний навыках для создания коммерчески успешных программ и проектов.

Основные компоненты приложения

1. Боковая панель 📑
  • Загрузка данных: Загрузка Excel-файла с вакансиями.
  • Фильтры данных:
    • Дата публикации, регион, заработная плата, опыт работы, специальность.
    • Автоматическое обновление диапазонов фильтров на основе структуры загруженного датасета.
  • Настройки графа: Выбор переменных для двумодального графа (например, "Специальность ↔ Навыки").
  • Порог фильтрации для графов по силе связей и настройка параметров визуализации (размер узлов, размер ребер, цветовая кодировка).
2. Основные панели для анализа данных 📚
  • Вкладка "Сеть":
    • Двумодальный граф: Визуализация связей между двумя категориями (например, "Работодатель ↔ Навыки").
    • Одномодальный граф:
      • Построение графа со-встречаемости по частоте совместного появления в вакансиях (например, "Навыки ↔ Навыки")
      • Построение графа схожести по связующей переменной (например, "Работодатель ↔ Работодатель" через Навыки)
  • Вкладка "Рекомендации":
    • Схожие узлы: Топ-N элементов, наиболее похожих на выбранный узел.
    • Соседние узлы: Топ-N прямых соседей выбранного узла.

Технические особенности ⚙️

  • Визуализация графов: Библиотека ipysigma на основе Sigma.js и Graphology.
  • Сетевой анализ: Расчет метрик центральности (степень, близость, посредничество) через NetworkX.
  • Рекомендательная система: Поиск схожих узлов через обобщенную меру Жаккара.

Как начать работу 🏁

  1. Загрузите данные через боковую панель.
  2. Настройте фильтры (работодатель, навыки, специальности, регион и др.).
  3. Изучите графы: Выберите переменные для одномодальных и двумодальных графов, настройте визуализацию узлов и ребер.
  4. Проведите сетевой анализ: Оцените структуры сообществ, центральность и схожесть узлов.
  5. Получите рекомендации: Выберите узел и получите персонализированные рекомендации на основе структуры графа.

Инструкция по загрузке и фильтрации данных

Пошаговое руководство по загрузке и фильтрации данных в приложении

Загрузка данных
Шаг 1: Загрузка данных

Действия:

  1. На боковой панели найдите раздел "Обработка данных".
  2. Нажмите кнопку "Обзор" и выберите Excel‑файл с данными о вакансиях, выгруженными из раздела "Данные" в личном кабинете аналитической платформы РосНавык.

Результат:
После загрузки файла обновляются фильтры и аналитические панели.


Фильтрация данных
Шаг 2: Фильтрация загруженных данных

Действия:

  1. Нажмите на секцию "Фильтрация загруженных данных", чтобы развернуть список доступных фильтров.
  2. В зависимости от столбцов, присутствующих в загруженных данных, выберите подходящие фильтры.
  3. Используйте опцию мульти‑выбора для целевой фильтрации данных.

Результат:
После настройки фильтров автоматически обновятся аналитические панели "Сеть" и "Рекомендация".


Фильтрация двумодального графа
Шаг 3: Фильтрация двумодального графа

Действия:

  1. Нажмите на секцию "Фильтрация двумодального графа", чтобы развернуть список доступных переменных.
  2. Выберите требуемые переменные для построения графа, демонстрирующего взаимосвязь двух категорий.
  3. Для просмотра графа выберите панель "Сеть" и перейдите в раздел "Двумодальный граф".

Примечание:
Двумодальный граф — это визуальное представление взаимосвязей между двумя разными категориями, например, работодателями и навыками, которые они требуют.
Эти графы позволяют анализировать спрос на навыки и профессии, выявлять возможности для партнерств, разрабатывать новые продукты и сервисы.


Граф со-встречаемости
Шаг 4: Фильтрация графа со-встречаемости

Действия:

  1. Нажмите на секцию "Фильтрация графа со-встречаемости", чтобы развернуть список доступных переменных.
  2. Выберите переменную для построения графа, который покажет, как часто одни и те же навыки встречаются в вакансиях.
  3. Для просмотра графа выберите панель "Сеть" и перейдите в раздел "Граф со-встречаемости".

Примечание:
Граф со-встречаемости — это визуальное представление того, как часто встречаются одни и те же элементы, например, навыки в вакансиях.
Такой граф помогает выявить востребованные комбинации навыков, что может быть полезно для оптимизации образовательных программ и разработки новых продуктов или сервисов.


Граф схожести
Шаг 5: Фильтрация графа схожести

Действия:

  1. Перейдите в секцию "Фильтрация графа схожести".
  2. Выберите переменную для построения графа и настройте связующие переменные для анализа сходства вакансий.

Примечание:
Граф схожести — это визуальное представление, которое показывает, насколько близки объекты (например, работодатели, специальности, регионы) по своим характеристикам через общие связующие переменные (например, навыки).
Такой граф позволяет выявить группы с одинаковыми требованиями к навыкам.

Инструкция по работе с двумодальным графом

Пошаговое руководство по работе с визуализацией двумодального графа

Выбор переменных
Шаг 1: Выбор переменных

Действия:

  1. Откройте секцию "Фильтрация двумодального графа" на боковой панели.
  2. Выберите переменные, определяющие взаимосвязи между категориями (например, специальности и навыки).
  3. Перейдите на панель "Сеть" и выберите раздел "Двумодальный граф" для просмотра визуализации.

Примечание:
Выбор переменных задаёт основу для построения графа, определяя, какие данные будут сопоставлены друг с другом.


Фильтры
Шаг 2: Общие фильтры

Действия:

  1. Используйте ползунок "Порог силы связей" для задания минимальной величины связи между узлами. Это помогает исключить слабые взаимосвязи.
  2. Настройте диапазоны для размеров узлов и ребер, чтобы задать визуальные свойства графа.
  3. Задайте значение "Разрешение Louvain" для разделения узлов на сообщества.

Примечание:
Фильтры контролируют базовые параметры графа: отсекают слабые связи, задают размеры узлов/ребер и помогают выявить структуру сообществ в сети.


Выделение цвета узла
Шаг 3: Выделение цвета узла

Действия:

  1. Выберите опцию "Выделение цвета узла" в панели фильтров.
  2. Определите критерий окраски:
    • Модулярность – узлы окрашиваются в зависимости от принадлежности к сетевым сообществам.
    • Модальность – одна категория узлов выделяется одним цветом, а другая - другим (например, специальности - синем цветом, а навыки - красным).
    • Уникальность/общность – уникальные узлы из второй переменной (например, навыки) выделяются одним цветом, а общие – другим.

Примечание:
Выбор цвета узла помогает визуально различать группы элементов.


Метрика размера узла
Шаг 4: Метрика размера узла

Действия:

  1. Выберите опцию "Метрика размера узла" для определения важности узлов в графе.
  2. Обратите внимание на предлагаемые опции:
    • Центральность по степени – оценивает количество прямых связей узла.
    • Центральность по близости – измеряет, насколько узел расположен близко к другим.
    • Центральность по посредничеству – показывает роль узла как связующего элемента между разными группами.
  3. Настройте диапазон размеров узлов с помощью ползунка для визуального отражения выбранной метрики.

Примечание:
Метрика размера узла определяет, насколько важен каждый элемент. Узлы с большим количеством связей или критической ролью в сети будут отображаться крупнее.

Инструкция по работе с графом со-встречаемости

Пошаговое руководство по работе с визуализацией графа со-встречаемости

Выбор переменных
Шаг 1: Выбор переменных

Действия:

  1. Откройте секцию "Фильтрация графа со‑встречаемости" на боковой панели.
  2. Выберите доступную переменную (например, ключевые навыки) для определения взаимосвязей между навыками.
  3. Перейдите на панель "Сеть" и выберите раздел "Граф со‑встречаемости" для просмотра визуализации.

Примечание:
Этот шаг задаёт основу для построения графа на основе частоты совместного появления навыков в вакансиях.

Общие фильтры
Шаг 2: Общие фильтры

Действия:

  1. Используйте ползунок "Порог силы связей" для задания минимальной величины связи между узлами. Это помогает исключить слабые взаимосвязи.
  2. Настройте диапазоны для размеров узлов и ребер, чтобы задать визуальные свойства графа.
  3. Задайте значение "Разрешение Louvain" для разделения узлов на сообщества.

Примечание:
Фильтры контролируют базовые параметры графа: отсекают слабые связи, задают размеры узлов/ребер и помогают выявить структуру сообществ в сети.

Выделение цвета узла
Шаг 3: Выделение цвета узла

Действия:

  1. Выберите опцию "Выделение цвета узла" в панели фильтров.
  2. Определите критерий окраски:
    • Модулярность – узлы окрашиваются в зависимости от принадлежности к сетевым сообществам.
    • Целевые узлы навыков – узлы, соответствующие выбранным навыкам в секции "Фильтрация загруженных данных", выделяются одним цветом, а остальные - другим.
    • Заработная плата – узлы окрашиваются градиентом (от светло-зелёного до тёмно-зелёного) в зависимости от медианного уровня зарплаты.

Примечание:
Выбор цвета узла помогает визуально различать группы элементов.

Метрика размера узла
Шаг 4: Метрика размера узла

Действия:

  1. Выберите опцию "Метрика размера узла" для определения важности узлов в графе.
  2. Обратите внимание на предлагаемые опции:
    • Центральность по степени – оценивает количество прямых связей узла.
    • Центральность по близости – измеряет, насколько узел расположен близко к другим.
    • Центральность по посредничеству – показывает роль узла как связующего элемента между разными группами.
  3. Настройте диапазон размеров узлов с помощью ползунка для визуального отражения выбранной метрики.

Примечание:
Метрика размера узла определяет, насколько важен каждый элемент. Узлы с большим количеством связей или критической ролью в сети будут отображаться крупнее.

Инструкция по работе с графом схожести

Пошаговое руководство по работе с визуализацией графа схожести

Выбор переменных
Шаг 1: Выбор переменных

Действия:

  1. Откройте секцию "Фильтрация графа схожести" на боковой панели.
  2. Выберите необходимые переменные (например, работодатели и навыки) для определения схожести объектов.
  3. Перейдите на вкладку "Сеть" и выберите раздел "Граф схожести" для просмотра визуализации.

Примечание:
Выбор переменных задаёт основу для анализа схожести между объектами, определяя, какие данные будут сравниваться.

Общие фильтры
Шаг 2: Общие фильтры

Действия:

  1. Используйте ползунок "Порог схожести" для задания минимального уровня схожести между объектами. Значение устанавливается от 0 до 100%.
  2. Настройте диапазоны для размера узлов и ребер с помощью соответствующих ползунков.
  3. Задайте параметр "Разрешение Louvain" для более детального выделения сообществ в графе.

Примечание:
Общие фильтры управляют базовыми параметрами графа, исключая слабые связи и задавая визуальные пределы для узлов и ребер.

Выделение цвета узла
Шаг 3: Выделение цвета узла

Действия:

  1. Выберите опцию "Выделение цвета узла" в панели фильтров.
  2. Определите способ окраски:
    • Модулярность – узлы окрашиваются в зависимости от принадлежности к сетевым сообществам.
    • Заработная плата – узлы окрашиваются градиентом (от светло-зелёного до тёмно-зелёного) в зависимости от медианного уровня зарплаты.

Примечание:
Выбор цвета узла помогает визуально различать группы элементов.

Метрика размера узла
Шаг 4: Метрика размера узла

Действия:

  1. Выберите опцию "Метрика размера узла" для определения важности узлов в графе.
  2. Обратите внимание на предлагаемые опции:
    • Центральность по степени – оценивает количество прямых связей узла.
    • Центральность по близости – измеряет, насколько узел расположен близко к другим.
    • Центральность по посредничеству – показывает роль узла как связующего элемента между разными группами.
  3. Настройте диапазон размеров узлов с помощью ползунка для визуального отражения выбранной метрики.

Примечание:
Метрика размера узла определяет, насколько важен каждый элемент. Узлы с большим количеством связей или критической ролью в сети будут отображаться крупнее.

Инструкция по работе с панелью "Рекомендация"

Пошаговое руководство по работе с визуализацией рекомендаций

Выбор переменных
Шаг 1: Выбор переменных

Действия:

  1. Откройте секцию "Фильтрация двумодального графа" на боковой панели.
  2. Выберите переменные, определяющие взаимосвязи между категориями (например, специальности и навыки).
  3. Двумодальные графы используются для рекомендации схожих и соседних узлов.
Выбор узла (схожие узлы)
Рекомендация схожих узлов

Действия:

  1. Перейдите на вкладку "Рекомендация" и выберите раздел "Рекомендация схожих узлов" для просмотра визуализации.
  2. Выберите интересующий вас узел (например, специальность или навык) из выпадающего списка.
  3. Укажите количество рекомендуемых узлов в поле "Количество наблюдений".
  4. Система рассчитает схожесть выбранного узла с другими на основе весовых характеристик их связей и отобразит столбчатую диаграмму с результатами.

Примечание:
Столбчатая диаграмма иллюстрирует процентное соотношение схожести между узлами, позволяя выявить наиболее похожие объекты внутри графа.

Выбор узла (соседние узлы)
Рекомендация соседних узлов

Действия:

  1. Перейдите на вкладку "Рекомендация" и выберите раздел "Рекомендация соседних узлов" для просмотра визуализации.
  2. Выберите из списка узел, для которого необходимо найти непосредственно связанные соседние узлы.
  3. Укажите количество рекомендуемых соседних узлов через поле "Количество наблюдений".
  4. Система сформирует столбчатую диаграмму, отображающую вес (интенсивность связи) между выбранным узлом и его ближайшими соседями.

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

Логика рекомендаций:
Рекомендации рассчитываются на основе анализа взаимосвязей в графе с применением обобщённого коэффициента Жаккара. Этот коэффициент вычисляется путем сравнения двух векторов, представляющих весовые характеристики связей выбранного узла и другого узла. Он определяется как отношение суммы минимальных значений к сумме максимальных, что дает значение от 0 до 1. Узлы с более высоким коэффициентом схожести (ближе к 1) рекомендуются как схожие.
Аналогично, при рекомендации соседних узлов система анализирует прямые связи и их весовые показатели, позволяя выделить ближайших и наиболее влиятельных соседей.
📖 Загруженные данные
🔎 Фильтры визуализации
🔗 Граф
🔎 Фильтры визуализации
🔗 Граф
🔎 Фильтры визуализации
🔗 Граф
📊 Рекомендация схожих узлов № 1

📊 Рекомендация схожих узлов № 2

📊 Рекомендация соседних узлов № 1

📊 Рекомендация соседних узлов № 2