1.1.2 • Published 2 years ago
nutuml v1.1.2
NutUml
NutUml is A tool to generate UML diagram via text. For online preview you can visit https://www.nutuml.com/
Get Start
We describe a sequence sample by:
Client -> Server : Request
Server -> Client : Response
You can use the follow Code to try. Remember download nutuml.js to your local.
<script src="nutuml.js"></script>
<div id="test"></div>
<script>
var text = 'Client -> Server : Request\nServer -> Client : Response';
document.getElementById("test").innerHTML = nutuml.render(text);
</script>
React demo
npm i nutuml
React code
import nutuml from 'nutuml';
function App() {
let img = nutuml.render('Client -> Server : Request\nServer -> Client : Response');
return (
<div dangerouslySetInnerHTML = {{ __html: img }}>
</div>
);
}
export default App;
for the code above, it will generate a picture as follow:
Star is welcome
If this project make sense to you, please give me a star.
Thank you!