Let's discuss your "National Contiguity Force Directed Graph Visualization"

Greetings, Fellow Campers!

This topic is for listing and review of National Contiguity Force Directed Graph Visualization projects built as a part of FCC challenges. Please stick to these basic rules to keep the topic clean:-

  • Post your Codepen (or other) link to your project as a general reply to this topic.
  • For Codepen links use the following format to avoid embedding the pen:-
Project Link - [http://codepen.io/santakmishra/full/pgqOYq/](http://codepen.io/santakmishra/full/pgqOYq/)
  • Post reviews as a specific reply to the link which you are reviewing

Project Link - http://codepen.io/d33con/full/mEaJkx/

1 Like

My project ! Made on 3d.V4 and ES6.

Project Link - http://codepen.io/jrogatis/pen/PzrpGj

Can you please give me some critics ?

Regards !

Project Link => http://www.aungmyokyaw.com/FCC-D3/ForceDirectedGraph/
Source Code => https://github.com/AungMyoKyaw/FCC-D3

Thanks to https://bl.ocks.org/mbostock/4062045

Project Link --> https://codepen.io/BrusBilis/full/vXjpKw

Project Link - http://codepen.io/Josh5231/full/xEvbgL/

Project Link

Project Link => Force Directed Graph


Here is mine!:

Project Link - http://codepen.io/chemok78/full/jyzaBR/

Here’s mine:



See the Pen Force Directed Graph by vivian (@leoCecilia) on CodePen.

welcome to feedback

Project Link: https://codepen.io/_dev_noise/pen/Emryyx

How to handle the flag images(:us:, etc) made this a tough one. Lots of help by taking a peak at other projects.

Project link: https://absolitudo.github.io/national-contiguity

Here’s mine
Took a while playing with force structure to get it to spread out horizontally.
Also I didn’t want to go the sprite route, so I linked to .svg flag files. Took a few days to figure out how to link an image to each node.
As always, I appreciate any feedback.


d3 does most of the hard lifting in this project , velocity/force/animation, placing the sprites with css in parallel with the svg was what took the longest, and had to google around a lot to make it work, thankfully found a lot of users who had the same issues


heres my attempt:

Something makes this incredibly resource expensive for me…

Project Link = https://jolav.me/freecodecamp/old/data/country-borders/flags.html

Project Link - [REDACTED]

My version here
Found out: so, it is not necessary to work only with svg-type elements in D3.js :sweat_smile: