Indicators appearing multiple times on Dash App

Dash Python
1

Hi everyone, I have a very interesting/annoying problem. I created 5 graphical indicators for my core KPI’s, however the inidcators have repeated themselves 5 times and I don’t understand why. Please help and I will send the source code/syntax

2

Here is the Syntax

app.layout = html.Div(children = [
html.H1(children = ‘Welcome Kolade’),

   html.Div([dcc.Graph( 
     id='Transactions',
     figure=  
     fig.add_trace(go.Indicator(
        mode = "number+delta",
        value = df["Id"].nunique(),
        title = {"text": "Total Transactions<br><span style='font-size:0.5em;color:gray'>"},
        delta = {'reference': 2000, 'relative':True},
        domain = {'x': [0, 0.2], 'y': [0, 0.2]}))
    )]
),
    html.Div([dcc.Graph( 
     id='Conversion',
     figure= fig.add_trace(go.Indicator( mode = "number+delta",
     value =  df[df["Repeat Customer"] == True]["CustomerId"].nunique()/(df[df["Repeat Customer"] == False]["CustomerId"].nunique() + df[df["Repeat Customer"] == True]["CustomerId"].nunique()) ,
     title = {"text": "Lifetime Conversion<br><span style='font-size:0.8em;color:gray'>"},
     delta = {'reference': 0.1, 'relative': True},
     domain = {'x': [0.2, 0.4], 'y': [0, 0.2]}))
 )]
),

     html.Div([dcc.Graph( 
     id='Repeat Customers',
     figure= fig.add_trace(go.Indicator( mode = "number+delta",
     value = df[df["Repeat Customer"] == True]["CustomerId"].nunique(),
     title = {"text": "Total Repeat Customers<br><span style='font-size:0.8em;color:gray'>"},
     delta = {'reference': 300, 'relative': True},
     domain = {'x': [0.4, 0.6], 'y': [0, 0.2]}))
 )]
),

html.Div([dcc.Graph( 
     id='New Customers',
     figure= fig.add_trace(go.Indicator( mode = "number+delta",
     value = df[df["Repeat Customer"] == False]["CustomerId"].nunique(),
     title = {"text": "Total New Customers<br><span style='font-size:0.8em;color:gray'>"},
     delta = {'reference': 600, 'relative': True},
     domain = {'x': [0.6, 0.8], 'y': [0, 0.2]}))
 )]
),

 html.Div([dcc.Graph( 
     id='Total Customers',
     figure= fig.add_trace(go.Indicator( mode = "number+delta",
     value = df[df["Repeat Customer"] == False]["CustomerId"].nunique() + df[df["Repeat Customer"] == True]["CustomerId"].nunique() ,
     title = {"text": "Total Customers<br><span style='font-size:0.8em;color:gray'>"},
     delta = {'reference': 600, 'relative': True},
     domain = {'x': [0.8, 1.0], 'y': [0, 0.2]}))
 )]
),