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

# --description--

**目標:** <https://codepen.io/freeCodeCamp/full/xVopBo> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。

以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。

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

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

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

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

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

[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。

# --solutions--

```js
// solution required
```