diff --git a/frontend-dev/src/routes/visualizations/ddag/+page.svelte b/frontend-dev/src/routes/visualizations/ddag/+page.svelte
index a220e4e0..925e072e 100644
--- a/frontend-dev/src/routes/visualizations/ddag/+page.svelte
+++ b/frontend-dev/src/routes/visualizations/ddag/+page.svelte
@@ -1,9 +1,10 @@
{#await renderDiagram}
-
Loading projects...
+
Loading...
{:then diagram}
-
+
diff --git a/frontend-dev/src/routes/visualizations/ddag/hhh.json b/frontend-dev/src/routes/visualizations/ddag/hhh.json
new file mode 100644
index 00000000..0bee047a
--- /dev/null
+++ b/frontend-dev/src/routes/visualizations/ddag/hhh.json
@@ -0,0 +1,118 @@
+{
+ "apiVersion": "argoproj.io/v1alpha1",
+ "kind": "Workflow",
+ "metadata": {
+ "generateName": "dag-diamond-steps-"
+ },
+ "spec": {
+ "entrypoint": "diamond",
+ "templates": [
+ {
+ "name": "echo",
+ "inputs": {
+ "parameters": [
+ {
+ "name": "message"
+ }
+ ]
+ },
+ "container": {
+ "image": "alpine:3.7",
+ "command": [
+ "echo",
+ "{{inputs.parameters.message}}"
+ ]
+ }
+ },
+ {
+ "name": "echo-thrice",
+ "inputs": {
+ "parameters": [
+ {
+ "name": "message"
+ }
+ ]
+ },
+ "steps": [
+ [
+ {
+ "name": "echo",
+ "template": "echo",
+ "arguments": {
+ "parameters": [
+ {
+ "name": "message",
+ "value": "{{inputs.parameters.message}}{{item}}"
+ }
+ ]
+ },
+ "withItems": [
+ 1,
+ 2,
+ 3
+ ]
+ }
+ ]
+ ]
+ },
+ {
+ "name": "diamond",
+ "dag": {
+ "tasks": [
+ {
+ "name": "A",
+ "template": "echo-thrice",
+ "arguments": {
+ "parameters": [
+ {
+ "name": "message",
+ "value": "A"
+ }
+ ]
+ }
+ },
+ {
+ "name": "B",
+ "depends": "A",
+ "template": "echo-thrice",
+ "arguments": {
+ "parameters": [
+ {
+ "name": "message",
+ "value": "B"
+ }
+ ]
+ }
+ },
+ {
+ "name": "C",
+ "depends": "A",
+ "template": "echo-thrice",
+ "arguments": {
+ "parameters": [
+ {
+ "name": "message",
+ "value": "C"
+ }
+ ]
+ }
+ },
+ {
+ "name": "D",
+ "depends": "B && C",
+ "template": "echo-thrice",
+ "arguments": {
+ "parameters": [
+ {
+ "name": "message",
+ "value": "D"
+ }
+ ]
+ }
+ }
+ ]
+ }
+ }
+ ]
+ }
+}