---
id: bd7198d8c242eddfaeb5bd13
title: Показати національну спільність за допомогою орієнтованого графу
challengeType: 3
forumTopicId: 302367
dashedName: show-national-contiguity-with-a-force-directed-graph
---

# --description--

**Мета:** створити додаток [CodePen.io](https://codepen.io), який своїми функціями схожий на цей: <https://codepen.io/freeCodeCamp/full/xVopBo>.

Виконайте наступні [історії користувачів](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні вам бібліотеки чи прикладні програмні інтерфейси. Продемонструйте свій власний неповторний стиль.

**Історія користувача:** я бачу орієнтований граф, створений силовими алгоритмами, який показує, які країни мають спільні кордони.

**Історія користувача:** Я можу бачити прапор кожної країни на її вузлі.

**Підказка:** Ось набір даних, які ви можете використовувати під час виконання проєкту: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>

**Підказка:** Ви можете створити спрайт-аркуші національних прапорів тут: <https://www.flag-sprites.com>.

Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Завдання виконано".

Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```