D3js force directed graph framework

We require a d3js framework to be produced that can be called via ajax/fetch to produce a well designed force directed graph.

The basic requirement is to grab json encoded node,link and attribute data using ajax (or preferably fetch) and produce a configurable force directed graph as an output. We want to build a module that we can customize with json attributes and not have to directly modify. The json data will include:

1) Node definitions with defined titles, sizes, colours, gravity and hyperlinks.
2) Link definitions with defined size/length and strength.

This task will build on examples such as this: https://bl.ocks.org/heybignick/3faf257bbbbc7743bb72310d03b86ee8 but to ensure that nodes stay within a visible area and don't drift out of the view port. Ideally the ability to zoom and move around the view port would also be very helpful.

A specific briefing document will be produced that defines specific outputs and requirements that must be met.