sequencediagram.org Open in urlscan Pro
2606:4700:3031::ac43:a31d  Public Scan

Submitted URL: http://sequencediagram.org/
Effective URL: https://sequencediagram.org/
Submission: On December 11 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form>
  <input id="openButtonLocalDisk" type="file">
</form>

Text Content

Untitled [Not saved]
View
Settings
Donations
Help
☐ Presentation Mode (Ctrl+M)
☑ Participant Overlay On Scroll
☐ Read Only Presentation Mode
☐ Shrink to Fit
Default (Ctrl+S / Ctrl+O) Storage
○ File System
○ Google Drive
○ Google Drive Root Folder
○ OneDrive
○ Web Storage (localStorage)
◉ Download Folder
☑ Alert for unsaved changes
☑ Autosave every 10 min
☐ Synchronize filename with title in diagram
☑ Word wrap source text

Patreon ($1/month)  
Become a patron

Instructions (new window)
Instructions
Privacy Policy
Terms of Service
Release notes
About


--------------------------------------------------------------------------------

x


 
1

title This is a title

2

​

3

Alice->Bob:Click and drag to create a request or\ntype it in the source area to the left

4

Alice<--Bob:drag to move

5

note over Bob,Double click to edit text:Click Help menu for **instructions** and **examples**

6

Bob->(3)Double click to edit text:non-instantaneous message




Device not supported, use firefox or chrome or safari or ie 10+

 ✕
Participant alias


Participant long name

Cancel Update (Ctrl + Enter)
File System
Open

Google Drive  G Suite Marketplace
Open

OneDrive
Open

Web Storage (localStorage)
Open

File Reader (for legacy browsers)


File Name
.txt

File System
Save    Save As...

Google Drive
Save    Save in Root Folder

OneDrive
Save

Web Storage (localStorage)
Save

Download Folder
Download
File Name
.xyz

SVG Image File (vector image with embedded source text)
Export To...    Download

PNG Image File (at current zoom level)
Export To...    Download

PNG Image for Right Click Copy (at current zoom level)
Render

URL to Share
Create
Export Diagram✕
Right click and copy image or Save as...


About✕

SequenceDiagram.org is an online tool / software for creating UML sequence
diagrams. Founded in 2014 with the purpose to improve the efficiency when
creating and working with sequence diagrams by combining text notation scripting
and drawing by clicking and dragging in the same model.

All parsing, processing, and drawing is done client side. The benefit of this is
that SequenceDiagram.org is fast and convenient to work with; it also doesn’t
transfer your diagram data over the Internet like many other sequence diagram
tools on the market. This also means that it is possible to work with the tool
offline.

The tool is developed, maintained, and used by people who create a lot of
sequence diagrams in their daily work. If you have any question / comments /
suggestions / bugs please contact info@sequencediagram.org. The more feedback we
get the better we can prioritize.



FAQ


PRIVACY AND DATA PROTECTION INFORMATION

The tool itself does not collect data, however services it relies on such as
Content Delivery Network, hosting, and cloud storage does. See privacy policy
for details.



ARE DIAGRAMS/SCRIPTS CREATED USING SEQUENCEDIAGRAM.ORG SUBJECT TO ANY LICENSE?

No license is imposed by SequenceDiagram.org on the generated output. However,
like with all images containing text, the fonts used might. The default font
used in diagrams is the default sans-serif font selected by your browser. You
can specify a different font using the fontfamily keyword, see help for more
information.



ON WHICH PLATFORMS IS SEQUENCEDIAGRAM.ORG AVAILABLE?



 * Web (this is where you are now)
 * Google Drive integration
 * Atlassian Confluence Cloud integration
 * Intellij IDEA Plugin (select this for an offline/desktop version)





HOW DO I GENERATE A PDF OF MY SEQUENCE DIAGRAM?

Zoom to a chosen level in the editor and Print to PDF from your browser. The
print css makes sure to only show the diagram on the page.



ARE THERE ANY EXAMPLE SEQUENCE DIAGRAMS?

Yes, clicking the help menu and selecting "Instructions" will show examples of
all possible diagram elements. A copy icon is available for copying the source
text.
You can also ask ChatGPT to "Create a detailed sequence diagram for TLS 1.3
handshake using textual sequencediagram.org syntax"



IS THE CODEBASE OF SEQUENCEDIAGRAM.ORG OPEN SOURCE?

No, the codebase is currently not available under any open source license



WHAT LIBRARIES ARE USED BY SEQUENCEDIAGRAM.ORG?



 * lz-string is used to create URLs for sharing sequence diagrams. LICENSE
 * Canvas2Svg is used to export the diagram into SVG file format. LICENSE
 * CodeMirror is used as the text editor. LICENSE
 * Font Awesome is used to provide icons for the icon participants. LICENSE
 * Material Design Icons from the Community is used to provide icons for the
   icon participants. LICENSE
 * Material Design icons by Google (included in materialdesignicons.com
   collection) is used to provide icons for the icon participants. LICENSE
 * Font Awesome 5 Free is used to provide icons for the icon participants.
   LICENSE
 * Font Awesome 6 Free is used to provide icons for the icon participants.
   LICENSE
 * RBush is used for collision detection calculations for onmousemove events.
   LICENSE
 * MSAL.js from Microsoft is used for authentication towards Microsoft services.
 * OneDrive.js from Microsoft is used for file picker for OneDrive and
   SharePoint.
 * gsi/client and api.js from Google is used for authentication towards Google
   services and file picker for Google Drive and Team Drives.


SequenceDiagram.org and its services are provided by NoSpareTime AB, a private
limited company. "Let's work on that" — our guiding slogan.


Share Link✕

Copy a link and share it

 

Link:    
  Presentation Mode Link:    
  URI Encoded Link:  

Web Storage (localStorage)✕

☐ Name Modified Size

Cancel Delete Open
Instructions✕

Privacy Policy✕

Terms of Service✕