gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Replaced Force Directed Graph Challenge (#8782)

Browse Source 
* Replaced Force Directed Graph Challenge
This commit is contained in:
Peter Deal
2016-05-25 17:44:26 -02:30
committed by Mrugesh Mohapatra
parent 111d82c51c
commit dace8ea745
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
seed/challenges/02-data-visualization-certification/data-visualization-certificate.json
View File

@ -83,7 +83,7 @@
},
{
"id": "bd7198d8c242eddfaeb5bd13",
"title": "Show Relationships with a Force Directed Graph"
"title": "Show National Contiguity with a Force Directed Graph"
},
{
"id": "bd7108d8c242eddfaeb5bd13",

14
seed/challenges/02-data-visualization-certification/data-visualization-projects.json
View File

@ -119,18 +119,16 @@
},
{
"id": "bd7198d8c242eddfaeb5bd13",
"title": "Show Relationships with a Force Directed Graph",
"title": "Show National Contiguity with a Force Directed Graph",
"description": [
"<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/FreeCodeCamp/full/KVNNXY' target='_blank'>https://codepen.io/FreeCodeCamp/full/KVNNXY</a>.",
"<strong>Objective:</strong> Build a <a href='https://codepen.io' target='_blank'>CodePen.io</a> app that is functionally similar to this: <a href='https://codepen.io/FreeCodeCamp/full/xVopBo' target='_blank'>https://codepen.io/FreeCodeCamp/full/xVopBo</a>.",
"<strong>Rule #1:</strong> Don't look at the example project's code. Figure it out for yourself.",
"<strong>Rule #2:</strong> Fulfill the below <a href='https://en.wikipedia.org/wiki/User_story' target='_blank'>user stories</a>. Use whichever libraries or APIs you need. Give it your own personal style.",
"<strong>Rule #3:</strong> You must use D3.js to build this project.",
"<strong>User Story:</strong> I can see a Force-directed Graph that shows which campers are posting links on Camper News to which domains.",
"<strong>User Story:</strong> I can see each camper's icon on their node.",
"<strong>User Story:</strong> I can see the relationship between the campers and the domains they're posting.",
"<strong>User Story:</strong> I can tell approximately how many times campers have linked to a specific domain from it's node size.",
"<strong>User Story:</strong> I can tell approximately how many times a specific camper has posted a link from their node's size.",
"<strong>Hint:</strong> Here's the Camper News Hot Stories API endpoint: <code>https://www.freecodecamp.com/news/hot</code>.",
"<strong>User Story:</strong> I can see a Force-directed Graph that shows which countries share borders.",
"<strong>User Story:</strong> I can see each country's flag on its node.",
"<strong>Hint:</strong> Here's a dataset you can use to build this: <a href='https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json' target='_blank'>https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a>",
"<strong>Hint:</strong> You can create a spritesheet of national flags at <a href='https://www.flag-sprites.com' target='_blank'>https://www.flag-sprites.com</a>.",
"Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help' target='_blank'>Read-Search-Ask</a> if you get stuck.",
"When you are finished, click the \"I've completed this challenge\" button and include a link to your CodePen. ",
"You can get feedback on your project by sharing it with your friends on Facebook."