Giter Site home page Giter Site logo

rahul2224 / sequence-diagram-generator Goto Github PK

View Code? Open in Web Editor NEW

This project forked from schrepfler/sequence-diagram-generator

0.0 0.0 0.0 377 KB

Generate a sequence diagram from a diagram DSL file and output it as a png image with a given name.

JavaScript 63.43% Shell 2.08% HTML 34.49%

sequence-diagram-generator's Introduction

Build Status Stories in Ready Sequence Diagram Generator

This project can be used to generate sequence diagrams from the command line after defining the diagram with a simple DSL. It's a node wrapper around js-sequence-diagrams, check this page for DSL syntax http://bramp.github.io/js-sequence-diagrams/

Requirements

node.js, npm, puppeteer, handlebars.js

Setting up project

Clone project from git repository

git clone https://github.com/schrepfler/sequence-diagram-generator.git

Fetch dependencies

#install dependencies
npm install
#install web dependencies via bower
npm run setup

Generating sequence diagrams

Edit the sequence-diagrams.txt (or make your own) file according to the diagram syntax and after running the following command you will find a png with your image.

./generate-sequence-diagram.js -f sequence-diagram.txt -o sequence-diagram.png

TODO

  • Add an API eg.
var generator = require('generate-sequence-diagrams');
generator.generate('my dsl text', function (data) { // data is the output image });
  • npm-ise and publish
  • Add proper image caption above and below the image with stylesheet
  • Tests
    • On body
    • On image

sequence-diagram-generator's People

Contributors

schrepfler avatar dependabot[bot] avatar johnkim avatar waffle-iron avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.