All Projects → christophevg → Umlcanvas

christophevg / Umlcanvas

Licence: bsd-3-clause
UmlCanvas is an implementation around the HTML5 Canvas that allows generation of UML diagrams. Two interfaces are provided: an OO Javascript API and a textual DSL.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Umlcanvas

Canvas Nest.js
♋ Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
Stars: ✭ 3,966 (+3572.22%)
Mutual labels:  html5-canvas
Canvas101
Learning Canvas series
Stars: ✭ 28 (-74.07%)
Mutual labels:  html5-canvas
Life Calendar
📆 Online calendar of your Life in Weeks.
Stars: ✭ 62 (-42.59%)
Mutual labels:  html5-canvas
Bizcharts
Powerful data visualization library based on G2 and React.
Stars: ✭ 5,771 (+5243.52%)
Mutual labels:  html5-canvas
Excalibur
🎮 An easy to use 2D HTML5 game engine written in TypeScript
Stars: ✭ 892 (+725.93%)
Mutual labels:  html5-canvas
Awesome Canvas
A curated list of awesome HTML5 Canvas with examples, related articles and posts.
Stars: ✭ 963 (+791.67%)
Mutual labels:  html5-canvas
Egret Core
Egret is a brand new open mobile game and application engine which allows you to quickly build mobile games and apps on Android,iOS and Windows.
Stars: ✭ 3,631 (+3262.04%)
Mutual labels:  html5-canvas
Canvas Gauges
HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.
Stars: ✭ 1,443 (+1236.11%)
Mutual labels:  html5-canvas
Monsterpong
Our entry for Github GameOff 2018
Stars: ✭ 23 (-78.7%)
Mutual labels:  html5-canvas
Audio Oscilloscope
🎵 Waveform audio visualizer for the HTML5 canvas.
Stars: ✭ 54 (-50%)
Mutual labels:  html5-canvas
Canvas
🖌《Canvas:Draw on the Web》
Stars: ✭ 659 (+510.19%)
Mutual labels:  html5-canvas
Origami.js
Powerful and Lightweight Library to create using HTML5 Canvas
Stars: ✭ 750 (+594.44%)
Mutual labels:  html5-canvas
F2
📱📈An elegant, interactive and flexible charting library for mobile.
Stars: ✭ 7,619 (+6954.63%)
Mutual labels:  html5-canvas
Canvas2svg
Translates HTML5 Canvas draw commands to SVG
Stars: ✭ 467 (+332.41%)
Mutual labels:  html5-canvas
Icon Machine
Web application for randomly generating pixel art icons.
Stars: ✭ 73 (-32.41%)
Mutual labels:  html5-canvas
Drawerjs
A customizable WYSIWYG HTML canvas editor.
Stars: ✭ 383 (+254.63%)
Mutual labels:  html5-canvas
Realtimeboard
🙌 Collaborative Whiteboard (Socket.IO + Vanilla JS Frontend)
Stars: ✭ 30 (-72.22%)
Mutual labels:  html5-canvas
Doodles
Web Experiments I do for fun.
Stars: ✭ 106 (-1.85%)
Mutual labels:  html5-canvas
Omg Music
Music making, remixing, and collaborating tools for the web
Stars: ✭ 74 (-31.48%)
Mutual labels:  html5-canvas
Chaos In Javascript
I was always intrigued to see how math is so beautiful. Thanks to JavaScript for giving me the power to program my curiosity and explore the beauty of chaos in math.
Stars: ✭ 38 (-64.81%)
Mutual labels:  html5-canvas

UmlCanvas by Christophe VG [email protected] Copyright 2009-2011, Christophe VG


UmlCanvas is an implementation around the HTML5 Canvas that allows generation of UML diagrams. A Mediawiki extension is provided to allow editors to just enter the commands required to generate the diagrams. Two interfaces are provided: an OO Javascript API and a textual DSL in the form of a UML profile for ADL, the Application Definition Language.

  • Try it out now !

Download a complete source archive containing everything you need to play with UmlCanvas, including the sources from github:

https://github.com/christophevg/UmlCanvas/downloads

Unzip the archive and open:

examples/index.html

  • Ready to dive into the code.

If you want to change and contribute things, you can checkout the git repository locally. You'll probably need a Unix-type of environment with a lot of common tools like make, (ub)zip, touch, wget, java,...

$ git clone git://github.com/christophevg/UmlCanvas.git Cloning into UmlCanvas... ... Resolving deltas: 100% (673/673), done.

$ cd UmlCanvas

$ make *** checking dependencies (if you get errors in this section the cmd right before the error, is not found in your PATH) ... *** building build/UmlCanvas.standalone.min.js *** building build/UmlCanvas.css

Open the index.html file from the examples/ directory and take a look around.

  • Roadmap

I'm currently working on the foundations of UmlCanvas: Canvas2D, which is also hosted on my GitHub account. Development is done in the "next" branch and if you check it out, you'll see that a lot is changing. Once that effort is done, I'll be updating UmlCanvas to use all of the new goodies.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].