freeCodeCamp/curriculum/challenges/portuguese/10-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.md

---
id: bd7198d8c242eddfaeb5bd13
title: Mostrar contiguidade nacional com um gráfico direcionado de força
challengeType: 3
forumTopicId: 302367
dashedName: show-national-contiguity-with-a-force-directed-graph
---

# --description--

**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/xVopBo>.

Atenda às seguintes [especificações de usuário](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.

**Especificação de usuário:** eu posso ver um gráfico orientado por força que mostra quais países compartilham fronteiras.

**Especificação de usuário:** posso ver a bandeira de cada país em seu nó.

**Dica:** aqui está um conjunto de dados que você pode usar para criar essa aplicação: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>

**Dica:** você pode criar um spritesheet de bandeiras nacionais em <https://www.flag-sprites.com>.

Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".

Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```