I recently started experimenting with PlantUML to programmatically generate markup and diagrams for different parts of our infrastructure.
However, while I have been successful in generating some basic level diagrams, I am encountering issues with using them in combination with other tools and programs.
Mainly looking for a way to import or convert PlantUML markup or diagram as an editable diagram in other tools such Miro, draw.io or Visio. Issue is though I can import PlantUML as a let's say a SVG in draw.io but those are just images which aren’t editable for some extra formatting or editing neither text searchable.
So, is there a way to achieve that in combination or PlantUML and other GUI tools? Or if not are there any other alternative which can let me generate diagrams as code with the possibility or manually editing them in a standard tool?
Related
Is it possible to recreate that Azure Scaleable Web App diagram using PlantUML?
If not, what would be a more appropriate way of doing it? Is the source that created the png available on GitHub?
The following PlantUML code does exactly what you ask, but is probably not what you want:
#startuml
demo : <img:https://learn.microsoft.com/en-us/azure/architecture/reference-architectures/app-service-web-app/images/scalable-web-app.png>
#enduml
If you want to use PlantUML without images, then the answer is no, you can't, because the diagram does not comply to the UML standard.
You could isolate the individual symbols in separate image files and then use UML-relationships like associations and dependencies to draw the arrows in PlantUML, but you would not get exactly the diagram you referred to. For more information about how to use image files and sprites in PlantUML, see this question.
Instead, you could use your favorite general drawing tool, like Visio or PowerPoint, try to draw as much as you can and copy/paste the elements you can't draw yourself from the Azure diagram into Visio/PowerPoint/Whatever.
I am a freelancer who wants to start using Sketchapp to make more trendy websites (slanted and curved line backgrounds, UI assets that have shadows, assets that go over 2 divs (see examples). Can and do freelancers (do both their own design and code) use Sketchapp to create the entire site for everything (including text) as their normal best practice and to speed up workflow and then just export everything to text editor and then tweak? Below are 2 examples that I aspire to be able to create.
Example 1 from Pinterest
Example 2 from Pinterest
The answer is Yes and No. The first example is highly using textures and graphics which is hard to do in Sketch. But for that you need to use Photoshop. For the second example is more flat and not using much graphical effect. its minimal and flat. Sketch is really fasten up your working flow to create something like that.
Hope this helps.
You definitely could create both designs in sketch but it won't be the only program you have to use to finish this job. At least if you produce each used graphic yourself.
In the first design for example you have quite a lot gradients an brush technics between the sections. Here you would need to use brushes in Photoshop to achive this look. After this you could export the layers as PNGs with transparent background and import those into sketch...
Sketch is perfect to use with SVG. I would say wen you work with SVGs you can almost only use sketch.
Hope this answer helps!
to speed up workflow and then just export everything to text editor and then tweak
First you create the website design in Sketch and then you start writing the HTML/CSS code by hand. This is how the web development process goes.
You could also use helper tools like Desech Studio to import the Sketch file and then adjust the html/css faster.
Unfortunately it's not possible to create a website in the design stack like Sketch, and also work in the web stack. These 2 stacks are different in how they work.
Alternatively you could start designing the website directly in HTML/CSS and skip the design stack completely, but you will be slower and it will be harder to make changes, compared to the design stack.
As in title , I try to develop as few schemes for hte 3d graphics enigne -- ogre3d ; problem is the big picture scheme the class Ogre::Root requires quite many arrows descending from it.
The model of joining boxes with relational arrows is they can only go in / out by specific points around the border ( called "joints" or something ) . Now, however I wouldn't try there are always 4 + 4 + 3 + 3 joints displaced at four sides , suppose I need to place seven arrows on one side, how do I do that ?
EDIT:
Here is what I mean, the "flies" or "crosses" to which one can bind the arrows are limited in number. I marked one of them with double circle ....
MyDiaScreenCaputre
TL;DR Don't fight Dia to draw complex UML models. It is not appropriate tool for this task
1) the points around the border in Dia are called connection points. According to the official Dia FAQ their number is fixed in the shape's definition (see https://wiki.gnome.org/Apps/Dia/Faq → Why do elements have a fixed number of connection points?). However, it is possible to edit the shape definition and add your own points, see http://sdteffen.blogspot.cz/2012/08/improved-dia-shape-export-draw-your.html for more
2) using software designed for just drawing pictures for documenting UML models is not very smart neither useful. First and foremost such tools create pictures and can not work with or exchange UML models with other tools (see Wikipedia: XML Metadata Interchange for description of *.xmi format)
3) in the category of free editors for just pictures capable of drawing some simple UML diagrams I'd recommend the multiplatform yWorks yEd Graph Editor. An exceptional feature of this tool is the ability to automatically layout large graphs using several configurable algorithms and the ability to create nested/collapsible graphs + the output looks cool and the tool is quite easy to work with
4) in the category of real UML tools I'd recommend the Sparx Systems Enterprise Architect as commercial tool for Windows and Modeliosoft's Modelio as multiplatform open source tool. However, recommending a tool is out of the scope of the Stack Overflow site (§4) so I won't give you a comprehensive answer neither you'll find such a recommendation in older Stack Overflow answers also because the market of online html5 tools changes quickly and new tools appear quite often
there are good languages to publish math contents on the web. But, is there any such language for electronic circuits diagrams. Which can help you design circuit diagrams, save in several formats [.pdf,.ps, .djvu etc] and publish on the web? By, publishing on the web I don't mean first save in some picture format and then use html to import. I mean an editor/language which can do both.
Thanks
http://opencircuitdesign.com/xcircuit/
I've not tried this personally, but the description says it can!
Circuit design is usually done graphically.
The nicest output I know is produced by gschem, but it is only possible to export Postscript and various image formats.
I am working on extending a small application that uses the 'dot' tool to draw UML class and state diagrams, to implement component diagrams (I am running into a lot of problems accommodating the UML 2.x notation for the same).
I intend to display the interfaces that a particular component requires and provides through the use of lollipop notations. Now while trying to do so, I am not able to display the edges between two nodes as a straight line. Even if I am able to display one edge as a straight edge, I am unable to maintain that state for all the edges.
Just wanted to know is there any particular way apart from the usual attributes like weight, len (for neato), k, etc.? (or indeed any other tools that u may suggest ?) Appreciate your help.
Best,
Arun
Sorry I never used TinyUML, but as you asked for any other tool suggestion let me tell you that I'm very comfortable using StarUML (Open Source).