“In this tutorial, we will learn how to create indicator charts using the Plotly graph_objects module. Indicator plots are used to represent a single value specified as a number, delta and gauge.”

Indicator Attributes

To create an indicator chart with Plotly, you need to specify three main attributes. These include:

  1. value – defines the value to visualize.
  2. mode – specifies the visual element to draw.
  3. align – specifies the alignment of the number and delta value. The accepted values are left, center and right.
  4. domain – this sets the extent of the resulting indicator plot.

Gauge Chart Using Plotly Graph Objects

The code below illustrates how we can create a simple gauge chart using the Plotly graph_objects module.

 import plotly.graph_objects as go
fig = go.Figure(data=go.Indicator(
    title= {"text": "Pressure"},
    domain={'row': 0, 'column': 0}

The code above should return a gauge indicator with the max value specified in the value parameter.

An example output is as shown:

Simple Bullet Gauge

You can also create a simple bullet gauge plot as shown in the code below:

import plotly.graph_objects as go
fig = go.Figure(go.Indicator(
    mode = "number+gauge+delta",
    gauge = {'shape': "bullet"},
    delta = {'reference': 300},
    value = 220,
    domain = {'x': [0.1, 1], 'y': [0.2, 0.9]},
    title = {'text': "Pressure gauge"}))



This short article describes how you can create indicator charts using the plotly graph_objects module. Explore the docs for more.

About the author

John Otieno

My name is John and am a fellow geek like you. I am passionate about all things computers from Hardware, Operating systems to Programming. My dream is to share my knowledge with the world and help out fellow geeks. Follow my content by subscribing to LinuxHint mailing list