2022-01-21 01:00:18 +05:30
|
|
|
---
|
|
|
|
|
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) を見ることができます。
|
|
|
|
|
|
|
|
|
|
**ユーザーストーリー:** それぞれの国旗がその国のノード上に見えます。
|
|
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ヒント:** アプリを構築するために使用できるデータセットはこちらです: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>
|
2022-01-21 01:00:18 +05:30
|
|
|
|
|
|
|
|
**ヒント:** <https://www.flag-sprites.com> において国旗のスプライトシートを作成できます。
|
|
|
|
|
|
|
|
|
|
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
|
|
|
|
|
|
|
|
|
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
|
|
|
|
|
|
|
|
|
# --solutions--
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
// solution required
|
|
|
|
|
```
|
