SDExplorer

SDExplorer (Sequence Diagram Explorer) is a flexible and lightweight tool for visualizing program's behavior. We take traces as input and draw Sequence Diagrams. We focus on the mission "Exploring large sequence diagrams and digging out the useful information".

Resources:

• Homepage
• Playground
• Template
• Wiki
  • Quick Start
  • Link to Database

Publication

🎉 🎉 🎉 SDExplorer attended ICPC 2018 Tool Demonstration track and win the Best Tool Paper Award! Please check the paper below:

SDExplorer: a generic toolkit for smoothly exploring massive-scale sequence diagram

• Kaixie Lyu, Kunihiro Noda, Takashi Kobayashi

You can get a preprint version here.

Requirement

Please import d3.js while using SDExplorer.

A guaranteed version of d3.js is 3.5.6. You can simply import it using cdn:

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>

Installation

• Download sd.js or sd.min.js.
• Import it like this:

<script src="{{ js directory }}/sd.js"></script>
<!-- Or use a minimized file to speed up loading -->
<script src="{{ js directory }}/sd.min.js"></script>

Compile

Want to build sd.js or sd.min.js from souce code? Follow these steps:

• Clone the repository (you can also fork it into your account):

git clone https://github.com/Lyukx/SDExplorer

• Make sure you have installed node.js and npm on your computer. If not, refer to node.js and get-npm.
• Install reference

npm install

• Run build script to re-compile sd.js and sd.min.js!

npm run build