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

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

#1

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

#2

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


#3

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

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

Can you please give me some critics ?

Regards !


#4

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


#5

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


#6

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


#7

Project Link


#8

Project Link => Force Directed Graph


#9

mine


#10

Here is mine!:

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


#11

Here’s mine:

graph

code


#12

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

welcome to feedback


#13

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.


#14

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


#15

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.


#16

https://dereje1.github.io/Force-Directed/index.html

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


#17

Hi,

heres my attempt:
https://codepen.io/nikolairiedel/full/eGwvwp/

Something makes this incredibly resource expensive for me…


#18

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


#19

Project Link - https://azdanov.js.org/force-graph/


#20

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