ChartJS

• Placeholder graph with graph.js
• integrate graph.js in step functions
• stilyze graph entry+exit
• Interface elements?
• Design final graphs with real date

WordCloud

• Implement WordCloud on vue component
• Transition between different word clouds
• Highlight specific words
• control camera position
• Make Test with Narrative titles

Structure

• Pre-Load all data of the narrative when it is opening

Design demains

• Loading screen

Content Extraction

• Import narratives to the content table
• Import data from the content script
  • sanctions
  • west started war

To-do

• Define filter elements
• Define usability buttons
• Apply filters to datavis
• Implement range slider

TO DO

Content

• re-organize downloaded date and update names
• download cold_war_ii chart data
• import remaning narratives
  • cold war 2
• review strategy of sequence of barGraphs (how to variate the content more)
• Content for about page
• Implement logos
• Complete text with styling (bolds, italic, links)
• What other content could be implemented still? (images?)
• review current narratives
  • Mythical Nazi
  • Freezing europe
  • Protecting
• Fix content issues with Nazi narrative
• auto export .csv data into .json files for steps and backgrounds

CSS

• Implement Mobile Styling
• Loading screen before narrative shows
• transition between pages

Design

• Test narratives menu with more titles
• favicon
• brotar o design da lucy

CMS

• separate steps && backgrouns by narrative

"Database"

• Solve stemmification of the russian words
• font usually doesnt load in first time
• add labels to the topics (we'll implement manually once we know the topics that will be used)
• implement MaxNodes filter
• Sort data by date for chartjs
• Import event database
• filter each event and parse as scattered data to each chart
• fetch headlines into js objects

ChartJS

• Implement popup for events && headlines
• Improove Transitions
• Remove Filters?

WordsGraph

• Show neighbour nodes on hover
• How to not make it poluted? (Implement maxNodes)
• Improoved focusOnNode
• Test TextGeometry for performance
• Transition on FitGraphOnCanvas
• Responsive width
• refactor code
• Loading message while loading
• iframe sends message to vue when finnished loading

Styles implementation

• Basic Css implementation from web-design
• Basic responsive layout
• - mobile

• add label titles to the colab data
• add color pallett to graphs with multiple lines

References

• https://threejs.org/examples/?q=sprite#webgl_points_sprites
• https://discourse.threejs.org/t/best-way-to-create-a-word-cloud-in-3d-space/15862

Sometimes you scroll and image loads later, so no animation happens. We need to preload the images before the scroll arrives.

bug - sometimes when enter first time, the second step doesnt fire the onEnter and doesnt show the background

Data Visualition

• Placeholder graph with graph.js
• integrate graph.js in step functions
• transition between graphs
• Interface elements?
• Design final graphs with real date

In cases when we have only one block with TextCenter element and a corresponding background, it doesn't provide interactivity and quickly replaces with the background of the next block. Is it possible to leave background (i.e. word connections graph), without a textblock, and interactive after scrolling down for a longer time?

Hanna sent this issue on the WordConnectionGraph:

Noticed that on the phone smth happens with container and text is cut off. It is on IPhone 11 I checked Safari and DuckDuckGo browser - it was same

Content

• Add bolds and italic to relevant parts of the text
• Fix Bandera isolated on nazis graph
• Check the content of newsheaders (in “Russia Freezing, 2nd point not full text) and events (some triangles are non-active, sometimes not full text)

About

• Add link on GDELT database
• Add github icon link
• Add social media icons (when social media is ready)

WordGraph

• implement focus on multiple words (need to fit screen to nodes)
• Add info on hover at the nodes on WordConnectionGraph = (Original word in russian + number of occurrences)
• Add info on hover at the link on WordConnectionGraph? = (number of count of specific connection, words in russian?)
• Add zooming (i.e. - double click -> zoom)

ChartJS

• initial fitlers not working on chartjs
• Click Headline/event not working on Mobile
• Make the onhover radius for newsheaders and events larger
• Make circles of newsheaders on graphs (partially) colorized/transparent?

Intro

• Make balls smaller on mobile
• Increase click area of elements with transparent circle element on ThreeJS
• Make it spin faster on mobile for more readability
• Stop rotation of narrative nodes at the right moment (something it is weird)

"API"

• Change reference data repo from mneunomne/edit_wars_data to EditWarsTeam/edit_wars_api

In many graphs not the full texts of newsheaders are presented. Looks like the problem is with the size of the textblock.

Fix the positions of the circles with illustrating newsheaders - almost in every graph

it is "home" when it should be the title of the narrative.