---
id: bd7198d8c242eddfaeb5bd13
title: Show National Contiguity with a Force Directed Graph
localeTitle: Mostrar la contigüidad nacional con un gráfico dirigido por la fuerza
isRequired: false
challengeType: 3
---

## Description
<section id='description'> 
<strong>Objetivo:</strong> crear una aplicación <a href='https://codepen.io' target='_blank'>CodePen.io</a> que sea funcionalmente similar a esta: <a href='https://codepen.io/freeCodeCamp/full/xVopBo' target='_blank'>https://codepen.io/freeCodeCamp/full/xVopBo</a> . 
Cumplir las siguientes <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. 
<strong>Historia de usuario:</strong> Puedo ver un gráfico dirigido por la fuerza que muestra qué países comparten fronteras. 
<strong>Historia de usuario:</strong> Puedo ver la bandera de cada país en su nodo. 
<strong>Sugerencia:</strong> Este es un conjunto de datos que puede usar para crear esto: <a href='https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json' target='_blank'>https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a> 
<strong>Sugerencia:</strong> Puede crear una hoja de spritesheet de banderas nacionales en <a href='https://www.flag-sprites.com' target='_blank'>https: // www. bandera-sprites.com</a> . 
Recuerda usar <a href='http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514' target='_blank'>Read-Search-Ask</a> si te atascas. 
Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. 
Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. 
</section>

## Instructions
<section id='instructions'> 

</section>

## Tests
<section id='tests'>

```yml
tests: []

```

</section>

## Challenge Seed
<section id='challengeSeed'>

</section>

## Solution
<section id='solution'>

```js
// solution required
```
</section>