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", "id": "bd7198d8c242eddfaeb5bd13",
"title": "Show Relationships with a Force Directed Graph" "title": "Show National Contiguity with a Force Directed Graph"
}, },
{ {
"id": "bd7108d8c242eddfaeb5bd13", "id": "bd7108d8c242eddfaeb5bd13",

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

@ -119,18 +119,16 @@
}, },
{ {
"id": "bd7198d8c242eddfaeb5bd13", "id": "bd7198d8c242eddfaeb5bd13",
"title": "Show Relationships with a Force Directed Graph", "title": "Show National Contiguity with a Force Directed Graph",
"description": [ "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 #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 #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>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 a Force-directed Graph that shows which countries share borders.",
"<strong>User Story:</strong> I can see each camper's icon on their node.", "<strong>User Story:</strong> I can see each country's flag on its node.",
"<strong>User Story:</strong> I can see the relationship between the campers and the domains they're posting.", "<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>User Story:</strong> I can tell approximately how many times campers have linked to a specific domain from it's node size.", "<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>.",
"<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>.",
"Remember to use <a href='//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help' target='_blank'>Read-Search-Ask</a> if you get stuck.", "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. ", "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." "You can get feedback on your project by sharing it with your friends on Facebook."