GoJS
Genereer en manipuleer diagrammen via JavaScript API
Open Source JavaScript-bibliotheek waarmee ontwikkelaars diagrammen, grafieken en grafieken kunnen maken en verwerken in hun eigen JavaScript-applicaties.
Een zeer krachtige JavaScript-bibliotheek die softwareontwikkelaars de mogelijkheid biedt om diagrammen, grafieken en grafieken in hun eigen JavaScript-applicaties te genereren en te manipuleren. De bibliotheek biedt ondersteuning voor ingebouwde lay-outs zoals boomlay-out, radiale en gelaagde digraph-lay-out en enkele aangepaste lay-outs. De bibliotheek kan eenvoudig worden gebruikt in een webbrowser of server-side in Node of Puppeteer.
De GoJS-bibliotheek is zeer flexibel en stelt ontwikkelaars in staat een aantal verschillende soorten diagrammen te maken, zoals stroomdiagrammen, medische diagrammen, organigrammen, ontwerptools, planningstools, toestandsdiagrammen, Sankey-diagrammen, industriële processen, visuele talen, enzovoort .
De bibliotheek biedt zeer krachtige interactieve functies, zoals elementen van een diagram slepen en neerzetten, inhoud kopiëren en plakken, tooltips, contextmenu's, sjablonen gebruiken, ondersteuning voor gegevensbinding, event-handlers, automatische lay-outs, aanpasbare animaties toepassen en nog veel meer. U kunt het HTML Canvas-element ook renderen en exporteren naar SVG en andere afbeeldingsindelingen.
Aan de slag met GoJS
De aanbevolen manier om GoJS te installeren is via npm, het is beschikbaar via de npm-pakketbeheerder, gebruik de volgende opdrachten.
Installeer GoJS via npm
$ npm install gojs --save
Teken stroomdiagrammen via JavaScript API
De open source GoJS-bibliotheek heeft ondersteuning geboden voor het bouwen van verschillende diagramtypen en het presenteren van specifieke functies en lay-outs. U kunt stroomdiagrammen tekenen met een paar regels JavaScript-code. De bibliotheek biedt ondersteuning voor paletten, koppelbare knooppunten, slepen/neerzetten, tekstbewerking en het gebruik van knooppuntsjabloonkaarten voor het tekenen van stroomdiagramdiagrammen. U kunt ook eenvoudig het bestaande diagram en diagramknooppunt en Textblock wijzigen.
Statusdiagram maken en bewerken via JavaScript
Een toestandsdiagram wordt gebruikt om het gedrag van systemen te beschrijven. Het toestandsdiagram kan worden gebruikt om de toestand van het systeem of een deel van het systeem in een eindig aantal toestanden of tijden weer te geven. De GoJS-bibliotheek biedt ondersteuning voor het gemakkelijk maken en bewerken van statusdiagrammen. U kunt eenvoudig zoveel knooppunten tekenen als u wilt en u kunt zoveel koppelingen van het ene knooppunt naar het andere knooppunt trekken als u wilt, en u kunt de koppelingen een nieuwe vorm geven of ze verwijderen wanneer ze zijn geselecteerd.
Logisch circuit genereren via JavaScript
Logische poorten zijn de basisbouwstenen van elk digitaal systeem. Een logische poort is een ideaal rekenmodel of een fysiek elektronisch apparaat dat een Booleaanse functie implementeert. De bibliotheek is zeer rijk aan functies en heeft verschillende belangrijke functies geboden voor het maken van circuits met behulp van poorten en draden. Het is zeer gebruiksvriendelijk en helpt gebruikers om diagrammen gemakkelijk te beheren. Er is een palet waarmee u nieuwe knooppunten kunt slepen en neerzetten en uw diagram kunt beheren. U kunt elk knooppunt eenvoudig bijwerken op type dat de kleur van de links in het knooppunt gebruikt om de kleur te bepalen van degenen die het verlaten.
Diagramelementen tekenen en positioneren
Met de open source GoJS-bibliotheek kunnen softwareontwikkelaars eenvoudig de diagramelementen tekenen en positioneren in hun eigen JavaScript-applicaties. Met de bibliotheek kunnen ontwikkelaars de geselecteerde delen van een diagram met slechts een paar regels code ten opzichte van elkaar selecteren en positioneren. U kunt ook gemakkelijk de pijltjestoetsen gebruiken en een "plak-offset" gebruiken, zodat het plakken van objecten ze trapsgewijs zal plaatsen in plaats van ze op elkaar te plaatsen.