Renderer components
Reusable SVG shapes
Build graphical assets from small, source-backed components. Download a standalone SVG, use the symbol sprite, or set labels and colors with the browser renderer.
- Reusable components
- 20
- Original asset license
- Apache 2.0
- Rendering scope
- Representative
Original redraws for selected parts, ports and connections. Each component records its limits; a glyph does not cover the full notation grammar.
Source evidence
Browse the library
20 shapes shown
Parts / node
Part definition
part-definition
Scope and source
Minimal sharp-corner part definition node with an editable name label.
No compartments, boundary ports, aliases or additional prefixes. The host renderer supplies these when required.
ViewBox: 0 0 240 140
Anchors: north, east, south, west
Full manifest
Parts / node
Composite part usage
part-usage
Scope and source
Minimal solid rounded part usage node with an editable name/type label.
Represents the composite example. Prefix combinations, compartments and port attachments are not included.
ViewBox: 0 0 240 140
Anchors: north, east, south, west
Full manifest
Parts / node
Referential part usage
part-reference
Scope and source
Dashed rounded referential part usage node, retaining its ref part keyword.
This remains a PartUsage. The displayed multiplicity is an example, not a default or a validation result.
ViewBox: 0 0 240 140
Anchors: north, east, south, west
Full manifest
Ports / node
Full port usage
port-usage
Scope and source
Minimal full port usage node with an editable name/type label.
This is the full node form. Nested ports, direction glyphs and reference/proxy alternatives are omitted.
ViewBox: 0 0 240 140
Anchors: north, east, south, west
Full manifest
Ports / glyph
Boundary port outline primitive
port-glyph
Scope and source
Rounded outline primitive without a direction indicator; compose it as geometry rather than a complete boundary-port alternative.
Outline only. The displayed boundary grammar includes pdh/pdv arrows and position-specific labels; the host supplies direction, placement and context. Nested/reference/proxy forms are not implemented.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifest
Connections / node
Full connection usage
connection-usage
Scope and source
Minimal full connection usage node.
No compartments or elaboration links. The host renderer determines how the modeled connection is related to its endpoints.
ViewBox: 0 0 240 140
Anchors: north, east, south, west
Full manifest
Connections / edge
Binary connection edge
connection-binary
Scope and source
Solid undirected binary connection line with an editable optional label.
Attach start/end anchors to valid connection ends. Direction indication, roles, multiplicities and adornments are omitted. This line does not imply flow direction.
ViewBox: 0 0 280 72
Anchors: start, end
Full manifest
Connections / edge
Three-ended connection
connection-nary
Scope and source
Representative three-ended usage connection with a filled central dot and solid segments.
A fixed layout with three endpoint anchors. The host renderer must reroute or add segments for other layouts/end counts. Role labels and multiplicities are omitted.
ViewBox: 0 0 280 160
Anchors: junction, end1, end2, end3
Full manifest
Connections / edge
Binding connection
binding-connection
Scope and source
Solid binding line with the required equals sign.
Endpoint usage nodes must have compatible types. The equals sign is fixed; the component does not validate endpoint compatibility.
ViewBox: 0 0 280 72
Anchors: start, end
Full manifest
Ports / node
Port definition
port-definition
Scope and source
Minimal sharp-corner port definition node with an editable definition name.
No prefix combinations, aliases, compartments or boundary ports. This is geometry, not a metamodel-property profile or model check.
ViewBox: 0 0 240 140
Anchors: north, east, south, west
Full manifest
Parts / node
Part definition with parts compartment
part-definition-parts
Scope and source
A separated parts compartment with two editable literal rows and an elision marker.
Fixed two-row layout, one selected compartment, no automatic parsing, wrapping or row generation. Names, prefixes and inherited/conjugated declarations remain the caller’s responsibility; this does not render every compartment-stack alternative.
ViewBox: 0 0 240 220
Anchors: north, east, south, west
PDF 90 · PDF 92 · PDF 241 · PDF 242
Full manifest
Parts / node
Part usage with parts compartment
part-usage-parts
Scope and source
A separated parts compartment with two editable literal rows and an elision marker.
Fixed two-row layout, one selected compartment, no automatic parsing, wrapping or row generation. Names, prefixes and inherited/conjugated declarations remain the caller’s responsibility; this does not render every compartment-stack alternative.
ViewBox: 0 0 240 220
Anchors: north, east, south, west
PDF 91 · PDF 92 · PDF 241 · PDF 242
Full manifest
Ports / node
Port definition with ports compartment
port-definition-ports
Scope and source
A separated ports compartment with two editable literal rows and an elision marker.
Fixed two-row layout, one selected compartment, no automatic parsing, wrapping or row generation. Names, prefixes and inherited/conjugated declarations remain the caller’s responsibility; this does not render every compartment-stack alternative.
ViewBox: 0 0 240 220
Anchors: north, east, south, west
Full manifest
Ports / node
Port usage with ports compartment
port-usage-ports
Scope and source
A separated ports compartment with two editable literal rows and an elision marker.
Fixed two-row layout, one selected compartment, no automatic parsing, wrapping or row generation. Names, prefixes and inherited/conjugated declarations remain the caller’s responsibility; this does not render every compartment-stack alternative.
ViewBox: 0 0 240 220
Anchors: north, east, south, west
Full manifest
Ports / glyph
Boundary port with right arrow
port-arrow-right
Scope and source
Rounded boundary glyph containing the right direction indication.
Glyph component only. Center it on a matching host boundary and supply the side-specific label. Arrow choice is caller-supplied; no feature-direction inference, nested-port layout, broken reference outline or proxy option.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifest
Ports / glyph
Boundary port with left arrow
port-arrow-left
Scope and source
Rounded boundary glyph containing the left direction indication.
Glyph component only. Center it on a matching host boundary and supply the side-specific label. Arrow choice is caller-supplied; no feature-direction inference, nested-port layout, broken reference outline or proxy option.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifest
Ports / glyph
Boundary port with horizontal both arrows
port-arrow-horizontal-both
Scope and source
Rounded boundary glyph containing the horizontal both direction indication.
Glyph component only. Center it on a matching host boundary and supply the side-specific label. Arrow choice is caller-supplied; no feature-direction inference, nested-port layout, broken reference outline or proxy option.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifest
Ports / glyph
Boundary port with up arrow
port-arrow-up
Scope and source
Rounded boundary glyph containing the up direction indication.
Glyph component only. Center it on a matching host boundary and supply the side-specific label. Arrow choice is caller-supplied; no feature-direction inference, nested-port layout, broken reference outline or proxy option.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifest
Ports / glyph
Boundary port with down arrow
port-arrow-down
Scope and source
Rounded boundary glyph containing the down direction indication.
Glyph component only. Center it on a matching host boundary and supply the side-specific label. Arrow choice is caller-supplied; no feature-direction inference, nested-port layout, broken reference outline or proxy option.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifest
Ports / glyph
Boundary port with vertical both arrows
port-arrow-vertical-both
Scope and source
Rounded boundary glyph containing the vertical both direction indication.
Glyph component only. Center it on a matching host boundary and supply the side-specific label. Arrow choice is caller-supplied; no feature-direction inference, nested-port layout, broken reference outline or proxy option.
ViewBox: 0 0 24 24
Anchors: center, north, east, south, west
Full manifestNo shapes match. Try a broader search or another family.
Use these as components
The assets contain geometry and editable text, without a research-page background, branding or source caption. Evidence and licensing stay in SVG metadata and the manifest. The host renderer places labels, routes edges and enforces SysML rules. See the notation coverage dashboard for the wider inventory.