---
config:
theme: base
themeVariables:
primaryColor: '#f0f0f0'
themeCSS: |
.nodeLabel {
font-weight: bold !important;
color: #ffffff
}
.node rect, .node circle, .node ellipse, .node polygon {
fill: #1E90FF !important;
stroke: none !important;
rx: 10px !important;
ry: 10px !important;
}
.edgeLabel {
color: #000000 !important;
}
---
flowchart LR
subgraph Launcher App
MyLauncher["My Launcher
* Installs all Apps
* Runs Service Apps"]
end
subgraph Service Apps
MyDatalayer["My Datalayer"]
MySpeech["My Speech"]
MyPlayerStorage[My Player Storage]
end
subgraph End User Apps
MyMonitor["My Monitor"]
MyPlayer["My Player"]
MyTube["My Tube"]
MyReader["My Reader"]
end
subgraph Users
Assistant["

Assistant
Installs and runs
My Launcher
to setup all Apps"]
EndUser["

End User
Runs End User Apps
by voice via
Google Assistant"]
end
%% Flow
MyLauncher -->|Installs/
Runs| MyDatalayer
MyLauncher -->|Installs/
Runs| MySpeech
MyLauncher -->|Installs
Runs| MyPlayerStorage
MyLauncher -->|Installs| MyMonitor
MyLauncher -->|Installs| MyPlayer
MyLauncher -->|Installs| MyTube
MyLauncher -->|Installs| MyReader
MyPlayer -->|Runs with found
or received URL| MyTube
MyPlayer -->|Runs with found
or received URL| MyReader
Assistant -->|Installs/
Runs| MyLauncher
EndUser -->|Runs| MyMonitor
EndUser -->|Runs| MyPlayer
EndUser -->|Runs to continue
with last URL| MyTube
EndUser -->|Runs to continue
with last URL| MyReader