Visualisation Ideas

2 parts:

• network of links (concepts)
• geographical (overlaid on map or atlas)

On right side, have controls (filters, all nodes in view, force strength, ) On left side, have information come up

Do as 3d.

Use: - 3d force graph https://github.com/vasturiano/3d-force-graph - in Three.js - with shaders for postprocessing

Features:

• click to focus on node https://vasturiano.github.io/react-force-graph/example/click-to-focus/

  • when at rest, show information at side

• optional title (https://vasturiano.github.io/react-force-graph/example/text-nodes/index-3d.html or https://vasturiano.github.io/react-force-graph/example/html-nodes/)

• filter nodes by

  • item type (project, organisation)
  • time of creation

• ‘reset’ - put all nodes in view https://vasturiano.github.io/react-force-graph/example/fit-to-canvas/

• alter physics - force strength https://vasturiano.github.io/3d-force-graph/example/manipulate-link-force/

• different colour nodes depending on item type

  • colour by country, organisation type, grouping (after an algorithm)

• collapsible nodes https://vasturiano.github.io/react-force-graph/example/expandable-nodes/ (maybe more useful on geographic one, collapse by country)

• optional interactive depth of focus effect (https://threejs.org/examples/webgl_postprocessing_dof2.html https://threejs.org/examples/#webgl_postprocessing_dof)

• optional filmpass effect (https://r105.threejsfundamentals.org/threejs/lessons/threejs-post-processing.html)

• highlight nodes connections https://vasturiano.github.io/3d-force-graph/example/highlight/

Geographic version https://bwlewis.github.io/rthreejs/globe/index.html

Process:

• scrape wikimedia data

• create neo4j database

  • create API from this
  • researchers can visualise this in Bloom with queries

• use in three.js

Schedule:

Task	Days
Scraping wikimedia	4 days
Create neo4j database	1 day
Concept and design	5 days
Implementation	4 days
2 stages for major alterations	4 days
Collaboration on database	3 days