lab-project-01

A d3 force graph visualization tool that lets researchers and scholars collaborate across various domains by visualising the connections between publications, universities, and researchers.

Steps to Use

You can import the minifed javascript file into an Observable Notebook and call the forceGraph function.

ForceGraph

• data
• d3
• html
• config
  • Width - width in pixel
  • Height - height in pixel
  • NodeRadius - Radius of the node before hover
  • NodeRadiusDuration - Transition duration from small to large node size on hover
  • GraphTransition - Transition duartion of the entire graph
  • NodeStrokeWidth - Width of the Border
  • NodeStrokeOpacity - Opacity of the border
  • Strength - Stength of attraction or repulsion between nodes
  • LinkStrokeOpacity - Opacity of the links
  • LinkStrokeWidth - Width of the links

Steps to Use In ObservableHQ

• Create a new Observable Notebook.
• Upload the ORCID data into the observable notebook.
• Import the min.js repository from github.
• Call the forceGraph function with the required parameters.

Demo: https://observablehq.com/d/2eaa5c0e038b5c7c