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]