Radar Graph screenshot 1
L

Publisher

lsbt

Radar Graph

Tools
Radar Graph Customizable Visualization Chart UI GDScript Animation

Create a customizable radar graph in Godot

Godot Radar Graph

  • Godot Radar Graph is a script that allows you to easily draw Radar Graphs which are highly customizable and also supports animation. See the installation guide to get started.

    [!NOTE] As of 1.1 the addon follows a normal addon structure so you can no longer reference this addon normally.

    # Extending Godot Radar Graph.
    extends "res://addons/godot_radar_graph/radar_graph.gd"
    
      # Rreferencing withing a script.
      const RadarGraph := preload("res://addons/godot_radar_graph/radar_graph.gd")
    
      # Example use.
      func foo(graph: RadarGraph) -> void:
          pass
    

banner

Replica of the icon created using custom drawing, check out the code.

Installation

Download the files from the Godot Asset Library or download the latest release.

Setting Up A Graph

  1. Just search for RadarGraph while adding a node.
  2. Setup the graph using is multitude of options.

Customize

Colors

[!IMPORTANT] Due to Godot's Theme limitations all styling will have to be set using the exported properties.

  • The drawing can be highly customized, from using the draw_order array to overridding the existing _rg_graph_draw_ functions. Checkout the demos.

Fonts

[!NOTE] All fonts are different! Be sure to use reliable font's to ensure the script works correctly.

  • Note that fonts also decide the bounding box for it's corrosponding tooltip

Another custom drawing example with tooltips

Customized using colors from the Godot Editor.

Animation

  • All properties in the editor are keyable as well as Tween's. Although using set() is supported its still best to use the set_item_ methods.

assets/animated_graph.mp4

Displaying randomizing the values using a Tween. Check out the code.