You can also check my code below I write code in vscode and I want to import photo but it doesn’t display Thanks
from dash import dcc, html
from dash.dependencies import Input, Output
import plotly.graph_objs as go
import datetime
import serial
import dash
import os
app = dash.Dash(__name__)
app.layout = html.Div([
html.Div(
html.Img(
src='D:\Commu Part\download.png',
style={'width': '100px', 'float': 'right'}
),
),
dcc.Graph(id='temp-graph', config={'displayModeBar': False}),
dcc.Graph(id='pressure-graph', config={'displayModeBar': False}),
dcc.Graph(id='xyz-graph', config={'displayModeBar': False}),
dcc.Interval(
id='graph-update',
interval=3000,
n_intervals=0
),
])
time_data = []
temp_data = []
pressure_data = []
x_data = []
y_data = []
z_data = []
ser = serial.Serial('COM7', 9600)
def update_data():
try:
line = ser.readline().decode().strip()
print(line)
data_values = line.split(",")
if len(data_values) == 5:
new_time = datetime.datetime.now()
try:
new_temp, new_pressure, new_x, new_y, new_z = map(int, data_values)
except ValueError:
print("Error converting values to float")
return
time_data.append(new_time)
temp_data.append(new_temp)
pressure_data.append(new_pressure)
x_data.append(new_x)
y_data.append(new_y)
z_data.append(new_z)
if len(time_data) > 10:
time_data.pop(0)
temp_data.pop(0)
pressure_data.pop(0)
x_data.pop(0)
y_data.pop(0)
z_data.pop(0)
except Exception as e:
print(f"Error reading from serial port: {e}")
@app.callback([Output('temp-graph', 'figure'),
Output('pressure-graph', 'figure'),
Output('xyz-graph', 'figure')],
[Input('graph-update', 'n_intervals')])
def update_graph(n):
update_data()
print(f"Temperature: {temp_data}")
print(f"Pressure: {pressure_data}")
print(f"X: {x_data}")
print(f"Y: {y_data}")
print(f"Z: {z_data}")
temp_fig = go.Figure()
temp_fig.add_trace(go.Scatter(x=time_data, y=temp_data, mode='lines+markers', name='Temperature'))
temp_fig.update_layout(
title='Temperature',
xaxis=dict(title='Time', tickfont=dict(size=20)),
yaxis=dict(title='Value', tickfont=dict(size=20)),
title_font=dict(size=30), # Increase font size for the title
xaxis_title_font=dict(size=30), # Increase font size for the time axis title
yaxis_title_font=dict(size=30) # Increase font size for the y-axis title
)
pressure_fig = go.Figure()
pressure_fig.add_trace(go.Scatter(x=time_data, y=pressure_data, mode='lines+markers', name='Pressure'))
pressure_fig.update_layout(
title='Pressure',
xaxis=dict(title='Time', tickfont=dict(size=20)),
yaxis=dict(title='Value', tickfont=dict(size=20)),
title_font=dict(size=30), # Increase font size for the title
xaxis_title_font=dict(size=30), # Increase font size for the time axis title
yaxis_title_font=dict(size=30) # Increase font size for the y-axis title
)
xyz_fig = go.Figure()
xyz_fig.add_trace(go.Scatter(x=time_data, y=x_data, mode='lines+markers', name='X'))
xyz_fig.add_trace(go.Scatter(x=time_data, y=y_data, mode='lines+markers', name='Y'))
xyz_fig.add_trace(go.Scatter(x=time_data, y=z_data, mode='lines+markers', name='Z'))
xyz_fig.update_layout(
title='XYZ Values',
xaxis=dict(title='Time', tickfont=dict(size=20)),
yaxis=dict(title='Value', tickfont=dict(size=20)),
title_font=dict(size=30), # Increase font size for the title
xaxis_title_font=dict(size=30), # Increase font size for the time axis title
yaxis_title_font=dict(size=30) # Increase font size for the y-axis title
)
return temp_fig, pressure_fig, xyz_fig
if __name__ == '__main__':
app.run_server(debug=False)
