Git Product home page Git Product logo

edit_wars's Issues

TO DO

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

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

[TO-DO] ChartJS Implementations

Data Visualition

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

GraphJS Adjustments

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

Popups cutting the text

In many graphs not the full texts of newsheaders are presented. Looks like the problem is with the size of the textblock.
Screenshot 2022-11-07 at 13 38 49

WordConnectionGraph window cutting off on mobile

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

2022-10-15 19 11 23

Image preloading is not working

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

[TO-DO] Styles

Styles implementation

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

TO DO

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.