Skip to content

Commit

Permalink
Update info about RegionView (#407)
Browse files Browse the repository at this point in the history
> [!CAUTION]
> DO NOT merge yourself, this will be auto merged upon approval
  • Loading branch information
dyc3 authored Apr 17, 2024
1 parent 15bf809 commit a25ff19
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 8 deletions.
Binary file added figures/vis/region-view.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed figures/vis/region-visualization.png
Binary file not shown.
6 changes: 4 additions & 2 deletions visualization-design.typ
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,9 @@ The fesability of developing a plugin with grafana compatible with was a point o
table(
columns: 2,
[*View*],[*Graph Type*],
[Region], [D3.js Force Graph],
[Region], [D3.js Graph],
[Tree], [D3.js Graph],
[Topology], [D3.js Graph],
[Latency Graph], [Grafana Panel],
[Traffic Heat Map], [Grafana Panel],
[Traffic/Time], [Grafana Panel]
Expand Down Expand Up @@ -148,7 +150,7 @@ In order to achieve this, a new rust crate will be created to handle this discov

== Panel Structure

The custom panel will be structured as shown in @Figure::panel-internal-class. It will be able to render the region view (@Figure::region-visualization), the tree view, and the topology view. The panel will provide a selector in `PanelOptions` to switch between the views.
The custom panel will be structured as shown in @Figure::panel-internal-class. It will be able to render the region view (@Figure::region-view), the tree view, and the topology view. The panel will provide a selector in `PanelOptions` to switch between the views.

#figure(
image("figures/vis/panel-internal-class.svg", height: 80%),
Expand Down
10 changes: 4 additions & 6 deletions visualization-requirements.typ
Original file line number Diff line number Diff line change
Expand Up @@ -33,14 +33,12 @@ There will be multiple types of visualizations to show different aspects of the

=== Region View

The purpose of this visualization is to show the the scale of the load balancer, and how multiple instances of the Balancer interact.
The purpose of this visualization is to how different resources are spread across different regions.

#figure(
image("figures/vis/region-visualization.png"),
caption: "Figma Mockup of Region Visualization"
) <Figure::region-visualization>

This visualization is a bit different than the others since multiple instances of the balancer will be on-screen at the same time. Balancer nodes will be unique, but grouping for Monoliths, rooms, and clients will be active by global. No animations aside from node movement will be implemented since this visualization is expected to take the most screen space.
image("figures/vis/region-view.png"),
caption: "The Region View displaying sample data showing 2 Balancers and 2 Monoliths in ewr, 1 Balancer and 1 Monolith in cdg."
) <Figure::region-view>

=== Traffic Heat Map

Expand Down

0 comments on commit a25ff19

Please sign in to comment.