GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → dedalusj → cloudgram

dedalusj / cloudgram

Licence: Apache-2.0 license
Generate diagrams for your cloud architecture using code

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
SCSS
7915 projects

Labels

clouddiagramarchitecturediagram-generatordiagrams-as-code

Projects that are alternatives of or similar to cloudgram

C4 Plantuml
C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
Stars: ✭ 3,522 (+5079.41%)
Mutual labels:  diagram, architecture
plantuml-libs
A set of PlantUML libraries and a NPM cli tool to design diagrams which focus on several technologies/approaches: Amazon Web Services (AWS), Azure, Google Cloud Platform (GCP), C4 Model or even EventStorming and more.
Stars: ✭ 75 (+10.29%)
Mutual labels:  diagram, architecture
bian
The Banking Industry Architecture Network e.V. (BIAN) model in Archimate 3
Stars: ✭ 48 (-29.41%)
Mutual labels:  diagram, architecture
Arkit
JavaScript architecture diagrams and dependency graphs
Stars: ✭ 671 (+886.76%)
Mutual labels:  diagram, architecture
Structurizr Php
🗺 https://structurizr.com library for PHP - generate architecture diagrams from code
Stars: ✭ 118 (+73.53%)
Mutual labels:  diagram, architecture
Patterns
Complete catalog of all classical patterns in the Archimate language
Stars: ✭ 70 (+2.94%)
Mutual labels:  diagram, architecture
fc4-framework
A Docs as Code tool that helps software creators and documentarians author software architecture diagrams using the C4 model for visualising software architecture.
Stars: ✭ 121 (+77.94%)
Mutual labels:  diagram, architecture
Diagrams
🎨 Diagram as Code for prototyping cloud system architectures
Stars: ✭ 15,756 (+23070.59%)
Mutual labels:  diagram, architecture
Azure Plantuml
PlantUML sprites, macros, and other includes for Azure services
Stars: ✭ 247 (+263.24%)
Mutual labels:  diagram, architecture
Coordinator
A drop-in, ready to use, collection of Coordinator protocols
Stars: ✭ 25 (-63.24%)
Mutual labels:  architecture
curriculum-foundation
iSAQB Curriculum for the CPSA - Foundation Level. This repository contains copyrighted work.
Stars: ✭ 35 (-48.53%)
Mutual labels:  architecture
erdiagram
Entity-Relationship diagram code generator library
Stars: ✭ 28 (-58.82%)
Mutual labels:  diagram
deep-action-detection
Multi-stream CNN architectures for action detection with actor-centric filtering
Stars: ✭ 24 (-64.71%)
Mutual labels:  architecture
react-native-architecture
core principles, patterns and best practices for building a react native application
Stars: ✭ 60 (-11.76%)
Mutual labels:  architecture
mbeddr.formal
FASTEN: FormAl SpecificaTion ENvironment - a set of DSLs to experiment with rigorous systems and safety engineering.
Stars: ✭ 16 (-76.47%)
Mutual labels:  architecture
bitcoin-market-android
Bitcoin Market app shows you the current Bitcoin market price and price chart of different time intervals 💰
Stars: ✭ 284 (+317.65%)
Mutual labels:  architecture
GoJS-projects
Project examples for GoJS
Stars: ✭ 45 (-33.82%)
Mutual labels:  diagram
visioStencils
My 2,700 visio 🎨 shapes, stencils, symbols, and icons collection to visually represent IT infrastructure
Stars: ✭ 43 (-36.76%)
Mutual labels:  diagram
inspr
Inspr is an agnostic application mesh for simpler, faster, and securer development of distributed applications (dApps).
Stars: ✭ 49 (-27.94%)
Mutual labels:  architecture
from-fat-controllers-to-use-cases
Rails (API) app that shows different kinds of architecture (one per commit), and in the last one, how to use the Micro::Case gem to handle the application business logic.
Stars: ✭ 74 (+8.82%)
Mutual labels:  architecture
View All Similar Projects ➔

CloudGram

License Test

CloudGram lets you generate diagrams for your cloud architecture directly in your browser using code in a syntax similar to the DOT language and familiar to GraphViz users.

To start using CloudGram navigate to https://cloudgram.dedalusone.com and follow the examples and online editor to experiment visualizing your architecture.

Development

Pre-requisites

Bootstrap

Upon cloning the project install the dependencies with yarn install. Beside install the project dependencies this will also install git hooks that will run tests and linting on every commit.

Running

Use the yarn run dev command to launch a dev server that will also watch for files changes and recompile if necessary. The app will be accessible at http://localhost:1234/.

Deployment

Use yarn run build to build the minified production assets and build.

The infra directory contains an example CloudFormation template to set up an S3 bucket, and a CloudFront distribution to serve CloudGram via CDN.

Regenerating service icons

The command yarn run assets can be used to automatically regenerate the SVG and JS files for the service icons for the supported providers. The command runs the scripts/assets,js node script. Currently, the script will always regenerate the icons for all providers hence no command line options are supported.

Regenerating grammar diagram

To regenerate the grammar diagram HTML, the src/grammar_diagram.html file, use the yarn run diagram command. This command is also run automatically at commit time via git hooks.

Related projects

CloudGram is inspired by the diagrams project.

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].