mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 20:05:50 +00:00
- SVG diagrams can adapt to the visual theme of the site through CSS. - Use the include_svg filter to include a diagram that adapts to the theme. - The styles/_diagrams.scss file controls the color mappings for theme-aware digrams. - Theme-aware diagrams are limited to specific colors and diagram styles. Use UMLet or Google Draw and confirm that the diagram is still legible when you build it. - This commit updates existing diagrams in most places to be theme-aware.
506 lines
9.9 KiB
XML
506 lines
9.9 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<diagram program="umlet" version="14.2">
|
|
<zoom_level>10</zoom_level>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>620</x>
|
|
<y>240</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rf1BiGe...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>570</x>
|
|
<y>270</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>60</x>
|
|
<y>240</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Sender:
|
|
r9cZA1m...
|
|
Currency:
|
|
USD
|
|
lt=.</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>200</x>
|
|
<y>240</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rvYAfWj...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLClass</id>
|
|
<coordinates>
|
|
<x>340</x>
|
|
<y>240</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Order Book:
|
|
--
|
|
USD
|
|
rvYAfWj...
|
|
--
|
|
USD
|
|
rMwjYe...</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>480</x>
|
|
<y>240</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rMwjYe...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>760</x>
|
|
<y>240</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Receiver:
|
|
ra5nK24...
|
|
Currency:
|
|
USD
|
|
lt=.</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>430</x>
|
|
<y>270</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>710</x>
|
|
<y>280</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.</panel_attributes>
|
|
<additional_attributes>50.0;10.0;10.0;10.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>290</x>
|
|
<y>270</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>150</x>
|
|
<y>280</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.</panel_attributes>
|
|
<additional_attributes>50.0;10.0;10.0;10.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLNote</id>
|
|
<coordinates>
|
|
<x>920</x>
|
|
<y>230</y>
|
|
<w>140</w>
|
|
<h>120</h>
|
|
</coordinates>
|
|
<panel_attributes>Same-currency paths can connect through rippling or through order books.
|
|
bg=yellow
|
|
style=wordwrap
|
|
transparency=0</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>60</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Sender:
|
|
r9cZA1m...
|
|
Currency:
|
|
USD
|
|
lt=.</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>150</x>
|
|
<y>450</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.</panel_attributes>
|
|
<additional_attributes>50.0;10.0;10.0;10.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>200</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rvYAfWj...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>290</x>
|
|
<y>440</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLClass</id>
|
|
<coordinates>
|
|
<x>340</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Order Book:
|
|
--
|
|
USD
|
|
rvYAfWj...
|
|
--
|
|
XRP</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>620</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rMwjYe...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>710</x>
|
|
<y>440</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>760</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rf1BiGe...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>850</x>
|
|
<y>450</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.</panel_attributes>
|
|
<additional_attributes>50.0;10.0;10.0;10.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>900</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Receiver:
|
|
ra5nK24...
|
|
Currency:
|
|
USD
|
|
lt=.</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLClass</id>
|
|
<coordinates>
|
|
<x>480</x>
|
|
<y>410</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Order Book:
|
|
--
|
|
XRP
|
|
--
|
|
USD
|
|
rMwjYe...</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>430</x>
|
|
<y>440</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>570</x>
|
|
<y>440</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>60</x>
|
|
<y>60</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Sender:
|
|
r9cZA1m...
|
|
Currency:
|
|
USD
|
|
lt=.</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>340</x>
|
|
<y>60</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Receiver:
|
|
ra5nK24...
|
|
Currency:
|
|
USD
|
|
lt=.</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>200</x>
|
|
<y>60</y>
|
|
<w>100</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>Account:
|
|
--
|
|
rvYAfWj...
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>150</x>
|
|
<y>100</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.</panel_attributes>
|
|
<additional_attributes>50.0;10.0;10.0;10.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>290</x>
|
|
<y>90</y>
|
|
<w>70</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes>50.0;20.0;10.0;20.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>UMLNote</id>
|
|
<coordinates>
|
|
<x>500</x>
|
|
<y>60</y>
|
|
<w>130</w>
|
|
<h>100</h>
|
|
</coordinates>
|
|
<panel_attributes>A simple path, which ripples through an issuer trusted by both parties
|
|
bg=yellow
|
|
style=wordwrap
|
|
transparency=0</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLNote</id>
|
|
<coordinates>
|
|
<x>1050</x>
|
|
<y>400</y>
|
|
<w>140</w>
|
|
<h>120</h>
|
|
</coordinates>
|
|
<panel_attributes>XRP can bridge two order books
|
|
bg=yellow
|
|
style=wordwrap
|
|
transparency=0</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLClass</id>
|
|
<coordinates>
|
|
<x>870</x>
|
|
<y>30</y>
|
|
<w>320</w>
|
|
<h>180</h>
|
|
</coordinates>
|
|
<panel_attributes>Legend
|
|
--</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Text</id>
|
|
<coordinates>
|
|
<x>920</x>
|
|
<y>70</y>
|
|
<w>230</w>
|
|
<h>40</h>
|
|
</coordinates>
|
|
<panel_attributes>Implied path step/link</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>880</x>
|
|
<y>110</y>
|
|
<w>30</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>
|
|
</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Text</id>
|
|
<coordinates>
|
|
<x>920</x>
|
|
<y>110</y>
|
|
<w>200</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>Path step - account</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLClass</id>
|
|
<coordinates>
|
|
<x>880</x>
|
|
<y>160</y>
|
|
<w>30</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes/>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Text</id>
|
|
<coordinates>
|
|
<x>920</x>
|
|
<y>160</y>
|
|
<w>200</w>
|
|
<h>50</h>
|
|
</coordinates>
|
|
<panel_attributes>Path step - order book</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>870</x>
|
|
<y>70</y>
|
|
<w>60</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.</panel_attributes>
|
|
<additional_attributes>40.0;10.0;10.0;10.0</additional_attributes>
|
|
</element>
|
|
</diagram>
|