app.py

import streamlit as st
import pandas as pd
import numpy as np

# Set page layout to wide
st.set_page_config(layout="wide")

st.title("CEO Dashboard")

# Existing metric cards code
col1, col2, col3, col4 = st.columns(4)
col1.metric("Market Share", "14%", "1%")
col2.metric("Revenue", "246971", "14%")
col3.metric("Cost", "101500", "4%")
col4.metric("Profit", "145471", "10%")

# Fake data for the bar charts
data1 = pd.DataFrame({
    'QTR': ['Q1', 'Q2', 'Q3', 'Q4'],
    'Market Share': np.random.randint(10, 20, size=4)
})

data2 = pd.DataFrame({
    'QTR': ['Q1', 'Q2', 'Q3', 'Q4'],
    'Market Share': np.random.randint(20, 30, size=4)
})

data3 = pd.DataFrame({
    'QTR': ['Q1', 'Q2', 'Q3', 'Q4'],
    'Market Share': np.random.randint(30, 40, size=4)
})

data4 = pd.DataFrame({
    'QTR': ['Q1', 'Q2', 'Q3', 'Q4'],
    'Market Share': np.random.randint(40, 50, size=4)
})

# Reduced height for the bar charts
chart_height = 200

# Creating the bar charts
col1, col2 = st.columns(2)

with col1:
    st.write("Revenue")
    st.bar_chart(data1.set_index('QTR'), height=chart_height)

with col2:
    st.write("Profit")
    st.bar_chart(data2.set_index('QTR'), height=chart_height)

col3, col4 = st.columns(2)

with col3:
    st.write("Loss")
    st.bar_chart(data3.set_index('QTR'), height=chart_height)

with col4:
    st.write("Ebita")
    st.bar_chart(data4.set_index('QTR'), height=chart_height)