/anor

Network graph analytics tool (for TFT)

Primary LanguageTypeScriptGNU Affero General Public License v3.0AGPL-3.0

TFT Graph

Graph analysis for TFT (Riot games, teamfight tactics). This tool allows you to find trait groups, team transitions, and explore team compositions if that's your thing.

Demo

https://tetranoir.github.io/anor

Features

  • Graph of champions (or any objects really) linked by their class and origin synergies
    • Libraries: d3, react-vis-force
  • Neighbor highlighting
  • Selection with summary attributes
  • Filtering
    • Filters on: tier, origin, synergy
  • Graph centrality analysis
    • Centrality algos: eccentricity, degree, closeness, betweenness
    • Libraries: ngraph, d3-color
  • Item reference
    • Grid graph visualization (a discrete axial graph visualization)

Todo

  • Set 3
  • Add synergy icons
  • Surface centrality values
  • Centrality color legend
  • Centrality tooltip help to explain what each thing does
  • Dark mode
  • Select/mark items
  • Add support for synergy aliases (to allow setting variable to something else)
  • Add support for synergy cheating (to mimic spat items)
  • Some champion icons could better reflect in game skins
  • Fix terrible css (define primary, secondary, dark primary, dark secondary)
  • Url state

Technical

The data pipeline looks like this:

[Input Sources] => capture() => [Raw Data] => parse() => [Normalized Data] => index() => [View]