---
id: bd7198d8c242eddfaeb5bd13
title: 力学モデルによるグラフで国の隣接関係を表示する
challengeType: 3
forumTopicId: 302367
dashedName: show-national-contiguity-with-a-force-directed-graph
---

# --description--

**Objective:** Build an app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/XWEONRz>.

以下のユーザーストーリーを満たし、すべてのテストが成功するようにしてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のアレンジを加えましょう。

**ユーザーストーリー:** どの国が国境を共有しているかを示す力学モデルによるグラフ (Force-directed Graph) を見ることができます。

**ユーザーストーリー:** それぞれの国旗がその国のノード上に見えます。

**ヒント:** アプリを構築するために使用できるデータセットはこちらです: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>

**ヒント:** <https://www.flag-sprites.com> において国旗のスプライトシートを作成できます。

完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。

You can get feedback on your project by sharing it on the <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">freeCodeCamp forum</a>.

# --solutions--

```js
// solution required
```
