Skip to content

Commit

Permalink
Wireviz: add png as supported output format (#112)
Browse files Browse the repository at this point in the history
  • Loading branch information
@deining
deining committed Jun 2, 2023
1 parent 24915f5 commit 5652c58
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ <h2 id="try" class="title is-2">Try<a class="anchor-link" href="#try">#</a></h2>
</div>
<div class="column">
<div id="diagram-result" class="diagram-plantuml">
<svg xmlns="http:https://www.w3.org/2000/svg" xmlns:xlink="http:https://www.w3.org/1999/xlink" contentStyleType="text/css" height="506.5104px" preserveAspectRatio="none" style="width:391px;height:506px;background:#FFFFFF;" version="1.1" viewBox="0 0 391 506" width="391.9271px" zoomAndPan="magnify"><defs/><g><!--cluster Main--><g id="cluster_Main"><rect fill="none" height="197.9167" rx="3.2552" ry="3.2552" style="stroke:#181818;stroke-width:1.3020833333333333;" width="197.9167" x="9.1146" y="76.8229"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" font-weight="bold" lengthAdjust="spacing" textLength="46.875" x="13.0208" y="96.3478">Main</text></g><!--cluster Base--><g id="cluster_Base"><rect fill="none" height="180.9896" rx="3.2552" ry="3.2552" style="stroke:#181818;stroke-width:1.3020833333333333;" width="368.4896" x="15.625" y="317.7083"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" font-weight="bold" lengthAdjust="spacing" textLength="49.4792" x="19.5313" y="337.2332">Base</text></g><g id="elem_main.view"><ellipse cx="108.1593" cy="141.6305" fill="#F1F1F1" rx="78.2114" ry="19.2346" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="87.2396" x="60.6333" y="146.5101">main.view</text></g><g id="elem_singleton"><ellipse cx="106.5449" cy="234.0581" fill="#F1F1F1" rx="75.2949" ry="19.2143" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="83.3333" x="60.972" y="238.9377">singleton</text></g><g id="elem_base.component"><ellipse cx="258.8332" cy="453.5895" fill="#F1F1F1" rx="103.8852" ry="23.902" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="153.6458" x="179.7338" y="458.0225">base.component</text></g><g id="elem_component"><ellipse cx="277.2395" cy="383.4427" fill="#F1F1F1" rx="85.1823" ry="20.1615" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="104.1667" x="221.25" y="388.3223">component</text></g><g id="elem_model"><ellipse cx="91.3452" cy="383.5955" fill="#F1F1F1" rx="54.8868" ry="19.0121" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="55.9896" x="59.4441" y="388.4751">model</text></g><!--entity main_ts--><g id="elem_main_ts"><rect fill="#F1F1F1" height="47.2616" rx="3.2552" ry="3.2552" style="stroke:#181818;stroke-width:0.6510416666666666;" width="100.2604" x="57.9427" y="9.1146"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" font-weight="bold" lengthAdjust="spacing" textLength="74.2188" x="70.9635" y="39.0561">main.ts</text></g><!--link component to base.component--><g id="link_component_base.component"><path d="M272.1745,403.9844 C270.7161,409.362 269.1146,415.3516 267.526,421.224 " fill="none" id="component-to-base.component" style="stroke:#181818;stroke-width:1.3020833333333333;stroke-dasharray:7.0,7.0;"/><polygon fill="#181818" points="265.9115,427.2135,273.9873,417.2518,267.604,420.927,263.9288,414.5437,265.9115,427.2135" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g><!--link main_ts to main.view--><g id="link_main_ts_main.view"><path d="M108.0729,56.4974 C108.0729,73.2292 108.0729,96.0677 108.0729,113.724 " fill="none" id="main_ts-to-main.view" style="stroke:#181818;stroke-width:2.6041666666666665;"/><polygon fill="#181818" points="108.0729,119.9609,113.2813,108.2422,108.0729,113.4505,102.8646,108.2422,108.0729,119.9609" style="stroke:#181818;stroke-width:2.6041666666666665;"/></g><!--link main.view to component--><g id="link_main.view_component"><path d="M139.6875,160.3646 C160.7161,173.0859 187.6823,192.1224 205.7292,214.8438 C239.9349,257.9036 260.7292,319.7526 270.5469,354.9349 " fill="none" id="main.view-to-component" style="stroke:#181818;stroke-width:1.3020833333333333;"/><polygon fill="#181818" points="272.1745,360.9635,274.1222,348.2883,270.4646,354.6817,264.0712,351.0241,272.1745,360.9635" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g><!--link main.view to singleton--><g id="link_main.view_singleton"><path d="M107.7995,161.849 C107.6172,174.6094 107.3698,191.7578 107.1615,206.0286 " fill="none" id="main.view-to-singleton" style="stroke:#181818;stroke-width:1.3020833333333333;stroke-dasharray:7.0,7.0;"/><polygon fill="#181818" points="107.0703,212.513,112.4455,200.8699,107.1633,206.0033,102.0299,200.7211,107.0703,212.513" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g><!--link singleton to model--><g id="link_singleton_model"><path d="M104.7917,254.2318 C102.0443,280.013 97.0443,326.8099 93.9323,356.0938 " fill="none" id="singleton-to-model" style="stroke:#181818;stroke-width:1.3020833333333333;"/><polygon fill="#181818" points="93.2682,362.2526,99.6863,351.1502,93.9565,355.7787,89.3281,350.0489,93.2682,362.2526" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g></g></svg>
<svg xmlns="http:https://www.w3.org/2000/svg" xmlns:xlink="http:https://www.w3.org/1999/xlink" height="506.5104px" preserveAspectRatio="none" style="width:391px;height:506px;background:#FFFFFF;" version="1.1" viewBox="0 0 391 506" width="391.9271px" zoomAndPan="magnify"><defs/><g><!--cluster Main--><g id="cluster_Main"><rect fill="none" height="197.9167" rx="3.2552" ry="3.2552" style="stroke:#181818;stroke-width:1.3020833333333333;" width="197.9167" x="9.1146" y="76.8229"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" font-weight="bold" lengthAdjust="spacing" textLength="46.875" x="13.0208" y="96.3478">Main</text></g><!--cluster Base--><g id="cluster_Base"><rect fill="none" height="180.9896" rx="3.2552" ry="3.2552" style="stroke:#181818;stroke-width:1.3020833333333333;" width="368.4896" x="15.625" y="317.7083"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" font-weight="bold" lengthAdjust="spacing" textLength="49.4792" x="19.5313" y="337.2332">Base</text></g><g id="elem_main.view"><ellipse cx="108.1593" cy="141.6305" fill="#F1F1F1" rx="78.2114" ry="19.2346" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="87.2396" x="60.6333" y="146.5101">main.view</text></g><g id="elem_singleton"><ellipse cx="106.5449" cy="234.0581" fill="#F1F1F1" rx="75.2949" ry="19.2143" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="83.3333" x="60.972" y="238.9377">singleton</text></g><g id="elem_base.component"><ellipse cx="258.8332" cy="453.5895" fill="#F1F1F1" rx="103.8852" ry="23.902" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="153.6458" x="179.7338" y="458.0225">base.component</text></g><g id="elem_component"><ellipse cx="277.2395" cy="383.4427" fill="#F1F1F1" rx="85.1823" ry="20.1615" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="104.1667" x="221.25" y="388.3223">component</text></g><g id="elem_model"><ellipse cx="91.3452" cy="383.5955" fill="#F1F1F1" rx="54.8868" ry="19.0121" style="stroke:#181818;stroke-width:0.6510416666666666;"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" lengthAdjust="spacing" textLength="55.9896" x="59.4441" y="388.4751">model</text></g><!--entity main_ts--><g id="elem_main_ts"><rect fill="#F1F1F1" height="47.2616" rx="3.2552" ry="3.2552" style="stroke:#181818;stroke-width:0.6510416666666666;" width="100.2604" x="57.9427" y="9.1146"/><text fill="#000000" font-family="sans-serif" font-size="18.2292" font-weight="bold" lengthAdjust="spacing" textLength="74.2188" x="70.9635" y="39.0561">main.ts</text></g><!--link component to base.component--><g id="link_component_base.component"><path d="M272.1745,403.9844 C270.7161,409.362 269.1146,415.3516 267.526,421.224 " fill="none" id="component-to-base.component" style="stroke:#181818;stroke-width:1.3020833333333333;stroke-dasharray:7.0,7.0;"/><polygon fill="#181818" points="265.9115,427.2135,273.9873,417.2518,267.604,420.927,263.9288,414.5437,265.9115,427.2135" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g><!--link main_ts to main.view--><g id="link_main_ts_main.view"><path d="M108.0729,56.4974 C108.0729,73.2292 108.0729,96.0677 108.0729,113.724 " fill="none" id="main_ts-to-main.view" style="stroke:#181818;stroke-width:2.6041666666666665;"/><polygon fill="#181818" points="108.0729,119.9609,113.2813,108.2422,108.0729,113.4505,102.8646,108.2422,108.0729,119.9609" style="stroke:#181818;stroke-width:2.6041666666666665;"/></g><!--link main.view to component--><g id="link_main.view_component"><path d="M139.6875,160.3646 C160.7161,173.0859 187.6823,192.1224 205.7292,214.8438 C239.9349,257.9036 260.7292,319.7526 270.5469,354.9349 " fill="none" id="main.view-to-component" style="stroke:#181818;stroke-width:1.3020833333333333;"/><polygon fill="#181818" points="272.1745,360.9635,274.1222,348.2883,270.4646,354.6817,264.0712,351.0241,272.1745,360.9635" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g><!--link main.view to singleton--><g id="link_main.view_singleton"><path d="M107.7995,161.849 C107.6172,174.6094 107.3698,191.7578 107.1615,206.0286 " fill="none" id="main.view-to-singleton" style="stroke:#181818;stroke-width:1.3020833333333333;stroke-dasharray:7.0,7.0;"/><polygon fill="#181818" points="107.0703,212.513,112.4455,200.8699,107.1633,206.0033,102.0299,200.7211,107.0703,212.513" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g><!--link singleton to model--><g id="link_singleton_model"><path d="M104.7917,254.2318 C102.0443,280.013 97.0443,326.8099 93.9323,356.0938 " fill="none" id="singleton-to-model" style="stroke:#181818;stroke-width:1.3020833333333333;"/><polygon fill="#181818" points="93.2682,362.2526,99.6863,351.1502,93.9565,355.7787,89.3281,350.0489,93.2682,362.2526" style="stroke:#181818;stroke-width:1.3020833333333333;"/></g></g></svg>
</div>
<article id="diagram-error" class="message is-danger is-invisible">
<div id="diagram-error-message" class="message-body">
Expand Down Expand Up @@ -418,7 +418,7 @@ <h2 id="support" class="title is-2">Diagram types<a class="anchor-link" href="#s
</tr>
<tr>
<td><a href="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/formatc1702/WireViz">WireViz</a></td>
<td></td>
<td>✔️</td>
<td>✔️</td>
<td></td>
<td></td>
Expand Down

0 comments on commit 5652c58

Please sign in to comment.