structurizr.com/dsl -> playground.structurizr.com

simonbrowndotje · simonbrowndotje · commit 1f35dd9ddc1a · 2026-01-01T10:00:44.000Z
diff --git a/_config.yml b/_config.yml
@@ -9,6 +9,8 @@ logo: "/assets/images/structurizr-banner.png"
 favicon_ico: "/assets/images/favicon.ico"
 
 nav_external_links:
+  - title: Playground
+    url: https://playground.structurizr.com
   - title: Patreon
     url: https://patreon.com/structurizr
 
diff --git a/dsl/02-tutorial.md b/dsl/02-tutorial.md
@@ -70,7 +70,7 @@ Finally, the `autolayout lr` statement says that automatic layout should be used
 
 Running this example via the Structurizr DSL demo page (click the image below) results in the following diagram.
 
-[![](/dsl/tutorial/1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/tutorial/1.dsl)
+[![](/dsl/tutorial/1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/tutorial/1.dsl)
 
 ## 2. Containers
 
@@ -151,11 +151,11 @@ direct relationship to/from them". The `autolayout lr` statement is the same as
 
 The example DSL creates two diagrams. First we have the system context diagram as before.
 
-[![](/dsl/tutorial/2-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/tutorial/2.dsl&view=Diagram1)
+[![](/dsl/tutorial/2-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/tutorial/2.dsl&view=Diagram1)
 
 And if you double-click on the software system, you'll navigate to the container diagram.
 
-[![](/dsl/tutorial/2-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/tutorial/2.dsl&view=Diagram2)
+[![](/dsl/tutorial/2-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/tutorial/2.dsl&view=Diagram2)
 
 ## 3. Implied relationships
 
@@ -181,7 +181,7 @@ The resulting diagrams are the same. There is an explicit relationship from the
 and because the web application is a container inside the software system,
 there is an implicit (or implied) relationship between the user and the software system itself.
 
-[![](/dsl/tutorial/3-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/tutorial/3.dsl&view=Diagram1)
+[![](/dsl/tutorial/3-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/tutorial/3.dsl&view=Diagram1)
 
 ## 4. View expressions
 
@@ -285,7 +285,7 @@ This code:
 - increases the line thickness for boundary boxes (e.g. the dashed line that shows the software system boundary on a container diagram)
 - increases the line thickness for relationships
 
-[![](/dsl/tutorial/5-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/tutorial/5.dsl&view=Diagram1)
+[![](/dsl/tutorial/5-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/tutorial/5.dsl&view=Diagram1)
 
 Changing the shape of the database schema element is a two-step process.
 First we need to add a custom tag (in this case `Database` to the element).
@@ -310,7 +310,7 @@ And then we can define an element style for that `Database` tag.
         }
 ```
 
-[![](/dsl/tutorial/5-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/tutorial/5.dsl&view=Diagram2)
+[![](/dsl/tutorial/5-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/tutorial/5.dsl&view=Diagram2)
 
 Clicking the "i" button inside the diagram editor will reveal the automatically generated diagram key for that particular diagram.
 
diff --git a/dsl/cookbook/amazon-web-services/index.md b/dsl/cookbook/amazon-web-services/index.md
@@ -60,7 +60,7 @@ workspace {
 
 This DSL defines a deployment environment named `Live`, with a hierarchy of deployment nodes showing the various AWS services in use for deployment. It also defines some infrastructure nodes representing services that don't have any software systems/containers deployed onto them.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/amazon-web-services/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/amazon-web-services/example-1.dsl)
 
 The [pre-built Amazon Web Services theme](https://structurizr.com/help/theme?url=https://static.structurizr.com/themes/amazon-web-services-2020.04.30/theme.json) can be used to add some colour, and make use of the AWS icon set.
 
@@ -130,8 +130,8 @@ workspace {
 
 This DSL adds some element tags, and a reference to the Amazon Web Services theme.
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/amazon-web-services/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/amazon-web-services/example-2.dsl)
 
 Further styles can be added if desired too.
 
-[![](example-3.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/amazon-web-services/example-3.dsl)
+[![](example-3.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/amazon-web-services/example-3.dsl)
diff --git a/dsl/cookbook/bulk-operations-elements/index.md b/dsl/cookbook/bulk-operations-elements/index.md
@@ -42,7 +42,7 @@ workspace  {
 }
 ```
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/bulk-operations-elements/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/bulk-operations-elements/example-1.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/component-view/index.md b/dsl/cookbook/component-view/index.md
@@ -40,7 +40,7 @@ workspace {
 
 This DSL defines a component view for the container `webapp`, and `include *` includes the default set of model elements for the view.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/component-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/component-view/example-1.dsl)
 
 Component views can be rendered using the Structurizr cloud service/on-premises installation or exported to a number of other formats via the [Structurizr CLI export command](https://github.com/structurizr/cli/blob/master/docs/export.md).
 
diff --git a/dsl/cookbook/container-view-multiple-software-systems/index.md b/dsl/cookbook/container-view-multiple-software-systems/index.md
@@ -37,7 +37,7 @@ workspace {
 }
 ```
 
-[![](example-1.png)](https://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/container-view-multiple-software-systems/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/container-view-multiple-software-systems/example-1.dsl)
 
 While sufficient for many purposes, there may be times when you want to show the dependency between the two containers, each of which resides in a
 separate software system.
@@ -70,7 +70,7 @@ workspace {
 
 This in turn will now show the two containers.
 
-[![](example-2.png)](https://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/container-view-multiple-software-systems/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/container-view-multiple-software-systems/example-2.dsl)
 
 If you'd rather not specify each container individually, you could utilise an [expression](/dsl/expressions)
 and replace the `include` statement with one of the following:
diff --git a/dsl/cookbook/container-view/index.md b/dsl/cookbook/container-view/index.md
@@ -36,7 +36,7 @@ workspace {
 
 This DSL defines a container view for the software system `s`, and `include *` includes the default set of model elements for the view.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/container-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/container-view/example-1.dsl)
 
 Container views can be rendered using the Structurizr cloud service/on-premises installation or exported to a number of other formats via the [Structurizr CLI export command](https://github.com/structurizr/cli/blob/master/docs/export.md).
 
diff --git a/dsl/cookbook/custom-elements/index.md b/dsl/cookbook/custom-elements/index.md
@@ -31,7 +31,7 @@ workspace {
 }
 ```
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/custom-elements/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/custom-elements/example-1.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/custom-view/index.md b/dsl/cookbook/custom-view/index.md
@@ -34,7 +34,7 @@ workspace {
 
 This DSL defines a custom view showing a couple of custom elements.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/custom-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/custom-view/example-1.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/deployment-groups/index.md b/dsl/cookbook/deployment-groups/index.md
@@ -52,7 +52,7 @@ The container instance to container instance relationships are based upon the co
 defined in the static structure part of the model.
 While this works out of the box in many cases, here we can see that the "Service API" on "Server 1" has a connection to the "Database Schema" on "Server 2", and vice versa.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/deployment-groups/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/deployment-groups/example-1.dsl)
 
 If this is not the desired behaviour, you can use the "deployment group" feature, which 
 provides a way to group software system/container instances and restrict how relationships are created between them.
@@ -98,7 +98,7 @@ workspace {
 }
 ```
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/deployment-groups/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/deployment-groups/example-2.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/deployment-view/index.md b/dsl/cookbook/deployment-view/index.md
@@ -45,7 +45,7 @@ workspace {
 
 This DSL defines a deployment environment named `Development`, with instances of the `webapp` and `database` containers deployed onto some deployment nodes. It also defines a deployment view for this deployment environment, and `include *` includes the default set of model elements for the view.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/deployment-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/deployment-view/example-1.dsl)
 
 Deployment views can be rendered using the Structurizr cloud service/on-premises installation or exported to a number of other formats via the [Structurizr CLI export command](https://github.com/structurizr/cli/blob/master/docs/export.md).
 
diff --git a/dsl/cookbook/dynamic-view-parallel/index.md b/dsl/cookbook/dynamic-view-parallel/index.md
@@ -48,7 +48,7 @@ workspace {
 }
 ```
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/dynamic-view-parallel/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/dynamic-view-parallel/example-1.dsl)
 
 Support for parallel sequences via this syntax is relatively limited, so you can explicitly specify the ordering instead if desired:
 
@@ -83,7 +83,7 @@ workspace {
 }
 ```
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/dynamic-view-parallel/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/dynamic-view-parallel/example-2.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/dynamic-view/index.md b/dsl/cookbook/dynamic-view/index.md
@@ -54,7 +54,7 @@ This DSL defines three views:
 2. A dynamic view for the "request past orders" feature.
 2. A dynamic view for the "browse top 20 books" feature.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/dynamic-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/dynamic-view/example-1.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/element-styles/index.md b/dsl/cookbook/element-styles/index.md
@@ -10,7 +10,7 @@ permalink: /dsl/cookbook/element-styles/
 
 By default all elements are styled as grey boxes.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/element-styles/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/element-styles/example-1.dsl)
 
 ## Styling all elements
 
@@ -46,7 +46,7 @@ workspace {
 }
 ```
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/element-styles/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/element-styles/example-2.dsl)
 
 ## Styling individual elements
 
@@ -87,7 +87,7 @@ workspace {
 }
 ```
 
-[![](example-3.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/element-styles/example-3.dsl)
+[![](example-3.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/element-styles/example-3.dsl)
 
 ## Notes
 
diff --git a/dsl/cookbook/filtered-view/index.md b/dsl/cookbook/filtered-view/index.md
@@ -40,7 +40,7 @@ workspace {
 
 This DSL defines three software systems with relationships between them, and a system landscape view showing those software systems.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-1.dsl)
 
 The filtered view feature can be used to define views on top of this system landscape view. For example, the following DSL defines two filtered views:
 
@@ -81,23 +81,23 @@ The first of these filtered views includes all elements/relationships that are t
 filtered "landscape" include "Tag 1,Tag 2,Relationship" "landscape1"
 ```
 
-[![](example-2-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-2.dsl&view=landscape1)
+[![](example-2-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-2.dsl&view=landscape1)
 
 And the second excludes all elements/relationships that are tagged `Tag 1`.
 
 ```
 filtered "landscape" exclude "Tag 1" "landscape2"
 ```
 
-[![](example-2-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-2.dsl&view=landscape2)
+[![](example-2-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-2.dsl&view=landscape2)
 
 When using filtered views, you'll notice that the original "base view" no longer shows in the list of viewable diagrams. This is by design. If you'd like to see the base view, you will need to create another filtered view that shows all elements and relationships. For example:
 
 ```
 filtered "landscape" include "Element,Relationship" "landscape-all"
 ```
 
-[![](example-3.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-3.dsl&view=landscape-all)
+[![](example-3.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/filtered-view/example-3.dsl&view=landscape-all)
 
 ## Links
 
diff --git a/dsl/cookbook/groups/index.md b/dsl/cookbook/groups/index.md
@@ -40,7 +40,7 @@ workspace {
 }
 ```
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/groups/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/groups/example-1.dsl)
 
 ## Styling all groups
 
@@ -80,7 +80,7 @@ workspace {
 }
 ```
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/groups/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/groups/example-2.dsl)
 
 ## Styling individual groups
 
@@ -117,7 +117,7 @@ workspace {
 }
 ```
 
-[![](example-3.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/groups/example-3.dsl)
+[![](example-3.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/groups/example-3.dsl)
 
 ## Nested groups
 
@@ -166,7 +166,7 @@ workspace {
 }
 ```
 
-[![](example-4.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/groups/example-4.dsl)
+[![](example-4.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/groups/example-4.dsl)
 
 ## Notes
 
diff --git a/dsl/cookbook/image-view/index.md b/dsl/cookbook/image-view/index.md
@@ -45,7 +45,7 @@ workspace {
 
 This DSL defines an image view for the "Component 1" component, based upon a Mermaid class diagram.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/image-view/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/image-view/example-1.dsl)
 
 ## Links
 
diff --git a/dsl/cookbook/implied-relationships/index.md b/dsl/cookbook/implied-relationships/index.md
@@ -34,7 +34,7 @@ workspace {
 
 Although the DSL does not define an explicit relationship between the person and the software system, this relationship is implied because of the relationship between the person and the container that resides inside the software system.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-1.dsl)
 
 ## Disabling implied relationships
 
@@ -65,7 +65,7 @@ workspace {
 }
 ```
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-2.dsl)
 
 With the implied relationships functionality disabled, you will need to explicitly define every relationship that you want to see on your diagrams.
 
@@ -96,7 +96,7 @@ workspace {
 }
 ```
 
-[![](example-3.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-3.dsl)
+[![](example-3.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-3.dsl)
 
 To show both relationships, you will need to explicitly define them, as follows:
 
@@ -125,7 +125,7 @@ workspace {
 }
 ```
 
-[![](example-4.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-4.dsl)
+[![](example-4.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/implied-relationships/example-4.dsl)
 
 A better approach is to collapse multiple relationships into a single description, modelling the summary of all relationships rather than each individual relationship. This leads to less cluttered diagrams. See  [Modelling multiple relationships](https://dev.to/simonbrown/modelling-multiple-relationships-51bf) for more on this topic.
 
diff --git a/dsl/cookbook/perspectives/index.md b/dsl/cookbook/perspectives/index.md
@@ -43,7 +43,7 @@ workspace {
 
 This DSL defines an "Ownership" perspective for each software system, which can be viewed by following the instructions at [Perspectives](/ui/diagrams/perspectives).
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/perspectives/example-1.dsl&perspective=Ownership)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/perspectives/example-1.dsl&perspective=Ownership)
 
 ## Links
 
diff --git a/dsl/cookbook/relationship-styles/index.md b/dsl/cookbook/relationship-styles/index.md
@@ -10,7 +10,7 @@ permalink: /dsl/cookbook/relationship-styles/
 
 By default all relationships are styled as dashed grey lines.
 
-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/relationship-styles/example-1.dsl)
+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/relationship-styles/example-1.dsl)
 
 ## Styling all relationships
 
@@ -45,7 +45,7 @@ workspace {
 }
 ```
 
-[![](example-2.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/relationship-styles/example-2.dsl)
+[![](example-2.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/relationship-styles/example-2.dsl)
 
 ## Styling individual relationships
 
@@ -85,7 +85,7 @@ workspace {
 }
 ```
 
-[![](example-3.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/relationship-styles/example-3.dsl)
+[![](example-3.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/relationship-styles/example-3.dsl)
 
 ## Notes
 
diff --git a/dsl/cookbook/shared-components/index.md b/dsl/cookbook/shared-components/index.md
diff --git a/dsl/cookbook/system-context-view/index.md b/dsl/cookbook/system-context-view/index.md
diff --git a/dsl/cookbook/themes/index.md b/dsl/cookbook/themes/index.md
diff --git a/dsl/cookbook/workspace-extension/index.md b/dsl/cookbook/workspace-extension/index.md
diff --git a/index.md b/index.md
diff --git a/products.md b/products.md
diff --git a/quickstart.md b/quickstart.md
diff --git a/support.md b/support.md

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ workspace {`
`42`	`42`	`}`
`43`	`43`	```
`44`	`44`
`45`		`-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/bulk-operations-elements/example-1.dsl)`
	`45`	`+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/bulk-operations-elements/example-1.dsl)`
`46`	`46`
`47`	`47`	`## Links`
`48`	`48`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ workspace {`
`31`	`31`	`}`
`32`	`32`	```
`33`	`33`
`34`		`-[![](example-1.png)](http://structurizr.com/dsl?src=https://docs.structurizr.com/dsl/cookbook/custom-elements/example-1.dsl)`
	`34`	`+[![](example-1.png)](https://playground.structurizr.com?src=https://docs.structurizr.com/dsl/cookbook/custom-elements/example-1.dsl)`
`35`	`35`
`36`	`36`	`## Links`
`37`	`37`