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

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/


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 - https://azdanov.js.org/force-graph/


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