---
title: "Visualisation Ideas"
output: html_notebook
---

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 |