Skip to content

Instantly share code, notes, and snippets.

@mikla
Last active April 28, 2020 08:18
Show Gist options
  • Select an option

  • Save mikla/56bb6361fc3a1550cf79bf50387cf3f4 to your computer and use it in GitHub Desktop.

Select an option

Save mikla/56bb6361fc3a1550cf79bf50387cf3f4 to your computer and use it in GitHub Desktop.
scalacss toward Scala.js 1.0, dependencies
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
-->
<!-- Title: G Pages: 1 -->
<svg width="781pt" height="426pt"
viewBox="0.00 0.00 780.59 425.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 421.8)">
<title>G</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-421.8 776.5872,-421.8 776.5872,4 -4,4"/>
<text text-anchor="middle" x="386.2936" y="-8.2" font-family="Times,serif" font-size="14.00" fill="#000000">scalacss deps</text>
<g id="clust1" class="cluster">
<title>cluster_key</title>
<polygon fill="none" stroke="#000000" points="8,-170.8 8,-409.8 337.9291,-409.8 337.9291,-170.8 8,-170.8"/>
<text text-anchor="middle" x="172.9645" y="-393.2" font-family="Times,serif" font-size="14.00" fill="#000000">Legend</text>
</g>
<!-- univeq -->
<g id="node1" class="node">
<title>univeq</title>
<ellipse fill="#ccf999" stroke="#000000" cx="628.1195" cy="-246.8" rx="37.1424" ry="18"/>
<text text-anchor="middle" x="628.1195" y="-242.6" font-family="Times,serif" font-size="14.00" fill="#000000">univeq</text>
</g>
<!-- utest -->
<g id="node2" class="node">
<title>utest</title>
<ellipse fill="#ccf999" stroke="#000000" cx="628.1195" cy="-138.8" rx="29.0509" ry="18"/>
<text text-anchor="middle" x="628.1195" y="-134.6" font-family="Times,serif" font-size="14.00" fill="#000000">utest</text>
</g>
<!-- tu -->
<g id="node3" class="node">
<title>tu</title>
<ellipse fill="#ccf999" stroke="#000000" cx="451.7905" cy="-190.8" rx="85.723" ry="18"/>
<text text-anchor="middle" x="451.7905" y="-186.6" font-family="Times,serif" font-size="14.00" fill="#000000">test&#45;util (microlibs)</text>
</g>
<!-- tu&#45;&gt;univeq -->
<g id="edge3" class="edge">
<title>tu&#45;&gt;univeq</title>
<path fill="none" stroke="#000000" d="M499.5077,-205.9544C526.9108,-214.6573 560.9698,-225.4741 587.1533,-233.7896"/>
<polygon fill="#000000" stroke="#000000" points="586.1821,-237.1534 596.7724,-236.8445 588.301,-230.4818 586.1821,-237.1534"/>
</g>
<!-- tu&#45;&gt;utest -->
<g id="edge2" class="edge">
<title>tu&#45;&gt;utest</title>
<path fill="none" stroke="#000000" d="M501.8476,-176.038C530.4313,-167.6086 565.6324,-157.2277 591.6006,-149.5695"/>
<polygon fill="#000000" stroke="#000000" points="592.8152,-152.8605 601.4168,-146.6747 590.8351,-146.1463 592.8152,-152.8605"/>
</g>
<!-- sourcecode -->
<g id="node8" class="node">
<title>sourcecode</title>
<ellipse fill="#ccddff" stroke="#000000" cx="628.1195" cy="-192.8" rx="54.4353" ry="18"/>
<text text-anchor="middle" x="628.1195" y="-188.6" font-family="Times,serif" font-size="14.00" fill="#000000">sourcecode</text>
</g>
<!-- tu&#45;&gt;sourcecode -->
<g id="edge4" class="edge">
<title>tu&#45;&gt;sourcecode</title>
<path fill="none" stroke="#000000" d="M537.6306,-191.7736C546.348,-191.8725 555.0957,-191.9717 563.5325,-192.0674"/>
<polygon fill="#000000" stroke="#000000" points="563.6074,-195.5684 573.6465,-192.1821 563.6868,-188.5689 563.6074,-195.5684"/>
</g>
<!-- nyaya -->
<g id="node4" class="node">
<title>nyaya</title>
<ellipse fill="#ccf999" stroke="#000000" cx="451.7905" cy="-42.8" rx="34.191" ry="18"/>
<text text-anchor="middle" x="451.7905" y="-38.6" font-family="Times,serif" font-size="14.00" fill="#000000">nyaya</text>
</g>
<!-- monocle -->
<g id="node5" class="node">
<title>monocle</title>
<ellipse fill="#ccf999" stroke="#000000" cx="628.1195" cy="-42.8" rx="44.0833" ry="18"/>
<text text-anchor="middle" x="628.1195" y="-38.6" font-family="Times,serif" font-size="14.00" fill="#000000">monocle</text>
</g>
<!-- nyaya&#45;&gt;monocle -->
<g id="edge8" class="edge">
<title>nyaya&#45;&gt;monocle</title>
<path fill="none" stroke="#000000" d="M486.2071,-42.8C511.0221,-42.8 545.0233,-42.8 573.5232,-42.8"/>
<polygon fill="#000000" stroke="#000000" points="573.747,-46.3001 583.747,-42.8 573.747,-39.3001 573.747,-46.3001"/>
</g>
<!-- scalacss -->
<g id="node6" class="node">
<title>scalacss</title>
<ellipse fill="#ffff99" stroke="#000000" cx="172.9645" cy="-142.8" rx="42.268" ry="18"/>
<text text-anchor="middle" x="172.9645" y="-138.6" font-family="Times,serif" font-size="14.00" fill="#000000">scalacss</text>
</g>
<!-- scalacss&#45;&gt;univeq -->
<g id="edge6" class="edge">
<title>scalacss&#45;&gt;univeq</title>
<path fill="none" stroke="#000000" d="M214.2731,-139.059C250.0686,-137.939 301.6676,-141.6399 337.9291,-166.8 359.174,-181.5409 344.4343,-203.4258 365.9291,-217.8 431.1547,-261.4186 526.5166,-259.6412 582.4585,-253.6947"/>
<polygon fill="#000000" stroke="#000000" points="582.8956,-257.1676 592.4292,-252.5459 582.0943,-250.2136 582.8956,-257.1676"/>
</g>
<!-- scalacss&#45;&gt;utest -->
<g id="edge9" class="edge">
<title>scalacss&#45;&gt;utest</title>
<path fill="none" stroke="#000000" d="M215.3757,-142.4273C303.0824,-141.6565 503.3143,-139.8968 588.5386,-139.1478"/>
<polygon fill="#000000" stroke="#000000" points="588.6169,-142.6474 598.5857,-139.0595 588.5553,-135.6477 588.6169,-142.6474"/>
</g>
<!-- scalacss&#45;&gt;tu -->
<g id="edge1" class="edge">
<title>scalacss&#45;&gt;tu</title>
<path fill="none" stroke="#000000" d="M213.4175,-147.9587C246.8838,-152.4005 295.6161,-159.2704 337.9291,-166.8 352.4733,-169.3881 367.9988,-172.4559 382.7583,-175.5182"/>
<polygon fill="#000000" stroke="#000000" points="382.3271,-179.0038 392.8326,-177.6314 383.7641,-172.1529 382.3271,-179.0038"/>
</g>
<!-- scalacss&#45;&gt;nyaya -->
<g id="edge7" class="edge">
<title>scalacss&#45;&gt;nyaya</title>
<path fill="none" stroke="#000000" d="M203.8476,-130.4941C241.7851,-115.5219 308.2177,-89.7721 365.9291,-69.8 380.9267,-64.6098 397.5383,-59.2882 412.1229,-54.7563"/>
<polygon fill="#000000" stroke="#000000" points="413.3267,-58.0478 421.8512,-51.7564 411.2639,-51.3586 413.3267,-58.0478"/>
</g>
<!-- sjr -->
<g id="node7" class="node">
<title>sjr</title>
<ellipse fill="#ffff99" stroke="#000000" cx="451.7905" cy="-96.8" rx="58.9982" ry="18"/>
<text text-anchor="middle" x="451.7905" y="-92.6" font-family="Times,serif" font-size="14.00" fill="#000000">scalajs&#45;react</text>
</g>
<!-- scalacss&#45;&gt;sjr -->
<g id="edge10" class="edge">
<title>scalacss&#45;&gt;sjr</title>
<path fill="none" stroke="#000000" d="M212.3221,-136.3069C258.4374,-128.6989 335.4234,-115.9979 389.6335,-107.0545"/>
<polygon fill="#000000" stroke="#000000" points="390.5198,-110.4557 399.8167,-105.3745 389.3803,-103.549 390.5198,-110.4557"/>
</g>
<!-- q -->
<g id="node9" class="node">
<title>q</title>
<ellipse fill="#a65d00" stroke="#000000" cx="745.5872" cy="-142.8" rx="27" ry="18"/>
<text text-anchor="middle" x="745.5872" y="-138.6" font-family="Times,serif" font-size="14.00" fill="#000000">?</text>
</g>
<!-- sjr&#45;&gt;q -->
<g id="edge11" class="edge">
<title>sjr&#45;&gt;q</title>
<path fill="none" stroke="#000000" d="M510.1877,-94.3607C557.4666,-93.8612 625.3681,-96.5117 682.5872,-111.8 694.2186,-114.9078 706.2523,-120.2318 716.6467,-125.5993"/>
<polygon fill="#000000" stroke="#000000" points="715.2117,-128.8022 725.673,-130.4786 718.5404,-122.6443 715.2117,-128.8022"/>
</g>
<!-- sourcecode&#45;&gt;q -->
<g id="edge5" class="edge">
<title>sourcecode&#45;&gt;q</title>
<path fill="none" stroke="#000000" d="M661.781,-178.472C677.9504,-171.5896 697.2407,-163.3787 713.2357,-156.5704"/>
<polygon fill="#000000" stroke="#000000" points="714.8814,-159.6738 722.7118,-152.5369 712.1398,-153.233 714.8814,-159.6738"/>
</g>
<!-- far -->
<g id="node10" class="node">
<title>far</title>
<ellipse fill="#ffaaaa" stroke="#000000" cx="172.9645" cy="-358.8" rx="68.3401" ry="18"/>
<text text-anchor="middle" x="172.9645" y="-354.6" font-family="Times,serif" font-size="14.00" fill="#000000">Not even close</text>
</g>
<!-- depends -->
<g id="node11" class="node">
<title>depends</title>
<ellipse fill="#ffff99" stroke="#000000" cx="172.9645" cy="-304.8" rx="56.7871" ry="18"/>
<text text-anchor="middle" x="172.9645" y="-300.6" font-family="Times,serif" font-size="14.00" fill="#000000">Depends on</text>
</g>
<!-- inprogress -->
<g id="node12" class="node">
<title>inprogress</title>
<ellipse fill="#ccf999" stroke="#000000" cx="172.9645" cy="-250.8" rx="156.9291" ry="18"/>
<text text-anchor="middle" x="172.9645" y="-246.6" font-family="Times,serif" font-size="14.00" fill="#000000">Done / MR submitted / Supports RC1</text>
</g>
<!-- tbd -->
<g id="node13" class="node">
<title>tbd</title>
<ellipse fill="#a65d00" stroke="#000000" cx="172.9645" cy="-196.8" rx="30.1958" ry="18"/>
<text text-anchor="middle" x="172.9645" y="-192.6" font-family="Times,serif" font-size="14.00" fill="#000000">TBD</text>
</g>
</g>
</svg>
digraph G {
rankdir=LR
label="scalacss deps"
node[style=filled fillcolor="#ccf999"]
univeq
utest
tu [label="test-util (microlibs)"]
nyaya
monocle
node[style=filled fillcolor="#ffff99"]
scalacss
sjr [label="scalajs-react"]
node[style=filled fillcolor="#ccddff"]
sourcecode
node[style=filled fillcolor="#ffaaaa"]
node[style=filled fillcolor="#a65d00"]
q[label="?"]
subgraph cluster_key {
label="Legend";
far [fillcolor="#ffaaaa" label="Not even close"];
depends [fillcolor="#ffff99" label="Depends on"];
inprogress [fillcolor="#ccf999" label="Done / MR submitted / Supports RC1"];
tbd [fillcolor="#a65d00" label="TBD"];
}
// scalacss -> sjb
scalacss -> tu -> utest
tu -> univeq
tu -> sourcecode -> q
scalacss -> univeq
scalacss -> nyaya -> monocle
scalacss -> utest
scalacss -> sjr -> q
}
@mikla
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment