68 lines
2.3 KiB
Text
68 lines
2.3 KiB
Text
---
|
|
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 |
|