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

# --description--

**Мета:** створити застосунок, функціонально схожий до цього: <https://codepen.io/freeCodeCamp/full/XWEONRz>.

Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.

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

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

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

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

Коли закінчите, надайте посилання на свій проєкт на CodePen та натисніть кнопку «Я виконав(-ла) це завдання».

Ви можете отримати фідбек до свого проєкту, поділившись ним на <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">форумі freeCodeCamp</a>.

# --solutions--

```js
// solution required
```
