Skip to content

Instantly share code, notes, and snippets.

@igponce
Created December 19, 2019 15:41
Show Gist options
  • Save igponce/f2c079536391be702f6060cfffa0aa11 to your computer and use it in GitHub Desktop.
Save igponce/f2c079536391be702f6060cfffa0aa11 to your computer and use it in GitHub Desktop.
Kanban board (svg export) - look at the source! It has the original plantuml code
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="601px" preserveAspectRatio="none" style="width:1124px;height:601px;" version="1.1" viewBox="0 0 1124 601" width="1124px" zoomAndPan="magnify"><defs><filter height="300%" id="f1mw32h7d8bbss" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><!--cluster stack_TODO--><rect fill="#FFFFFF" filter="url(#f1mw32h7d8bbss)" height="461" style="stroke: #000000; stroke-width: 1.5;" width="327" x="30" y="78"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="40" x="173.5" y="94.5332">To-do</text><!--cluster stack_DOING--><rect fill="#FFFFFF" filter="url(#f1mw32h7d8bbss)" height="159" style="stroke: #000000; stroke-width: 1.5;" width="355" x="397" y="78"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="41" x="554" y="94.5332">Doing</text><!--cluster stack_DONE--><rect fill="#FFFFFF" filter="url(#f1mw32h7d8bbss)" height="133" style="stroke: #000000; stroke-width: 1.5;" width="321" x="792" y="91"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="37" x="934" y="107.5332">Done</text><!--entity Task3--><polygon fill="#FEFECE" filter="url(#f1mw32h7d8bbss)" points="73.5,132,83.5,122,332.5,122,332.5,202.8281,322.5,212.8281,73.5,212.8281,73.5,132" style="stroke: #000000; stroke-width: 1.5;"/><line style="stroke: #000000; stroke-width: 1.5;" x1="322.5" x2="331.5" y1="132" y2="123"/><line style="stroke: #000000; stroke-width: 1.5;" x1="73.5" x2="322.5" y1="132" y2="132"/><line style="stroke: #000000; stroke-width: 1.5;" x1="322.5" x2="322.5" y1="132" y2="212.8281"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="75" x="92.5" y="156.5332">Task Name</text><line style="stroke: #000000; stroke-width: 1.0;" x1="73.5" x2="322.5" y1="159.6094" y2="159.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="322.5" x2="332.5" y1="159.6094" y2="149.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="73.5" x2="322.5" y1="161.6094" y2="161.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="322.5" x2="332.5" y1="161.6094" y2="151.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="207" x="94.5" y="178.1426">This is the first task of the board.</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="105" x="94.5" y="195.752">Not yet assigned</text><!--entity Task4--><polygon fill="#FEFECE" filter="url(#f1mw32h7d8bbss)" points="75,283,85,273,331,273,331,353.8281,321,363.8281,75,363.8281,75,283" style="stroke: #000000; stroke-width: 1.5;"/><line style="stroke: #000000; stroke-width: 1.5;" x1="321" x2="330" y1="283" y2="274"/><line style="stroke: #000000; stroke-width: 1.5;" x1="75" x2="321" y1="283" y2="283"/><line style="stroke: #000000; stroke-width: 1.5;" x1="321" x2="321" y1="283" y2="363.8281"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="75" x="94" y="307.5332">Task Name</text><line style="stroke: #000000; stroke-width: 1.0;" x1="75" x2="321" y1="310.6094" y2="310.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="321" x2="331" y1="310.6094" y2="300.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="75" x2="321" y1="312.6094" y2="312.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="321" x2="331" y1="312.6094" y2="302.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="204" x="96" y="329.1426">This is the 4th task of the board.</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="74" x="96" y="346.752">Assigned to</text><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="92" x="174" y="346.752">DEVELOPER1</text><!--entity Task5--><polygon fill="#FEFECE" filter="url(#f1mw32h7d8bbss)" points="94.5,434,104.5,424,311.5,424,311.5,504.8281,301.5,514.8281,94.5,514.8281,94.5,434" style="stroke: #000000; stroke-width: 1.5;"/><line style="stroke: #000000; stroke-width: 1.5;" x1="301.5" x2="310.5" y1="434" y2="425"/><line style="stroke: #000000; stroke-width: 1.5;" x1="94.5" x2="301.5" y1="434" y2="434"/><line style="stroke: #000000; stroke-width: 1.5;" x1="301.5" x2="301.5" y1="434" y2="514.8281"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="71" x="109.5" y="458.5332">Task Name</text><line style="stroke: #000000; stroke-width: 1.0;" x1="94.5" x2="301.5" y1="461.6094" y2="461.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="301.5" x2="311.5" y1="461.6094" y2="451.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="94.5" x2="301.5" y1="463.6094" y2="463.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="301.5" x2="311.5" y1="463.6094" y2="453.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="165" x="115.5" y="480.1426">Another task of the board.</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="136" x="115.5" y="497.752">Assigned to someone</text><!--entity Task2--><polygon fill="#FEFECE" filter="url(#f1mw32h7d8bbss)" points="440,132,450,122,728,122,728,202.8281,718,212.8281,440,212.8281,440,132" style="stroke: #000000; stroke-width: 1.5;"/><line style="stroke: #000000; stroke-width: 1.5;" x1="718" x2="727" y1="132" y2="123"/><line style="stroke: #000000; stroke-width: 1.5;" x1="440" x2="718" y1="132" y2="132"/><line style="stroke: #000000; stroke-width: 1.5;" x1="718" x2="718" y1="132" y2="212.8281"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="48" x="459" y="156.5332">Task#2</text><line style="stroke: #000000; stroke-width: 1.0;" x1="440" x2="718" y1="159.6094" y2="159.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="718" x2="728" y1="159.6094" y2="149.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="440" x2="718" y1="161.6094" y2="161.6094"/><line style="stroke: #000000; stroke-width: 1.0;" x1="718" x2="728" y1="161.6094" y2="151.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="165" x="461" y="178.1426">Another task of the board.</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="74" x="461" y="195.752">Assigned to</text><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="158" x="539" y="195.752">Competent_developer</text><!--entity Task1--><polygon fill="#FEFECE" filter="url(#f1mw32h7d8bbss)" points="835,145,845,135,1089,135,1089,190.2188,1079,200.2188,835,200.2188,835,145" style="stroke: #000000; stroke-width: 1.5;"/><line style="stroke: #000000; stroke-width: 1.5;" x1="1079" x2="1088" y1="145" y2="136"/><line style="stroke: #000000; stroke-width: 1.5;" x1="835" x2="1079" y1="145" y2="145"/><line style="stroke: #000000; stroke-width: 1.5;" x1="1079" x2="1079" y1="145" y2="200.2188"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="207" x="850" y="169.5332">This is the first task of the board.</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="73" x="850" y="187.1426">Finished by</text><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="133" x="927" y="187.1426">Another developer</text><!--link Task3 to Task4--><!--link Task4 to Task5--><!--link stack_TODO to stack_DOING--><!--link stack_DOING to stack_DONE--><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="197" x="479" y="587.5332">"Kanban board for 2019.12.19"</text><!--
@startuml Kanban Board
caption "Kanban board for 2019.12.19"
rectangle stack_TODO as "To-do" {
node Task3 [
** Task Name **
====
This is the first task of the board.
Not yet assigned
]
node Task4 [
** Task Name **
====
This is the 4th task of the board.
Assigned to **DEVELOPER1**
]
node Task5 [
Task Name
====
Another task of the board.
Assigned to someone
]
Task3 -[hidden]- Task4
Task4 -[hidden]- Task5
}
rectangle stack_DOING as "Doing" {
node Task2 [
** Task#2 **
====
Another task of the board.
Assigned to **Competent_developer**
]
}
rectangle stack_DONE as "Done" {
node Task1 [
This is the first task of the board.
Finished by **Another developer **
]
}
stack_TODO -Right[hidden]- stack_DOING
stack_DOING -Right[hidden]- stack_DONE
@enduml
PlantUML version 1.2019.09(Mon Aug 26 18:19:51 CEST 2019)
(GPL source distribution)
Java Runtime: Java(TM) SE Runtime Environment
JVM: Java HotSpot(TM) Client VM
Java Version: 1.8.0_112-b31
Operating System: Windows 8.1
OS Version: 6.3
Default Encoding: Cp1252
Language: es
Country: ES
--></g></svg>
@igponce
Copy link
Author

igponce commented Dec 19, 2019

Take a look at the SVG source code.
It contains the original .plantuml code that produced this diagram :-)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment