js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart

•    Javascript

---

Why? While I've been working on Under-the-hood-ReactJS I spent enormous amount of time on creating schemes. Each change in code or flowchart affects all entire scheme instantly, forcing you to move and align 'broken pieces'. Just repeated manual work... Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.

flowchart svg-flowchart ast svg visualisation learning es6 code-analyzeing webpack library universal umd commonjs

Diagramo - Create Flowchart using HTML5

•    PHP

---

Diagramo is pure HTML5 (canvas) flowchart software, No Flash, no Java or other plugins. You can export diagrams in SVG, Gif of JPEG format.

flowchart flowchart-diagram chart diagram

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

•    Vue

---

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

vue vue-router vuex vuetify vuejs vue2 firebase-auth firebase-database firebase

douban - Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent

•    Vue

---

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

vue2 webpack2 vue-router douban vuex vue-cli vue-resoure superagent vue-demo

nuxt-ssr-demo - :sparkles: 高仿掘金，整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)，一个基于 Nuxt 的服务器端渲染 Demo

•    CSS

---

:sparkles: 高仿掘金，整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)，一个基于 Nuxt 的服务器端渲染 Demo

vue nuxt vuex vue-router axios nginx nodejs pm2 gh-pages nuxt-demo

vue-svgicon - A tool to create svg icon components. (vue 2.x). Using inline svg.

•    TypeScript

---

A tool to create svg icon components. (vue 2.x)

vuejs2 vuejs svg vue-svgicon svgo icon mutil-colors ssr vue vue2.0 svgicon

vue-tetris - Use Vue, Vuex, Immutable to code Tetris.使用 Vue, Vuex, Immutable 做俄罗斯方块

•    Javascript

---

Use Vue, Vuex, Immutable to code Tetris.使用 Vue, Vuex, Immutable 做俄罗斯方块

vue vuex immutable

vue-boilerplate-template - 🍎 Efficient development of web SPA using Vue

•    Javascript

---

For how to build medium-sized (+) VUE projects, provide some reference based on past experience. Node.js (>=4.x, 8.x preferred), Npm version 4+(Yarn preferred), and Git.

vuejs2 vuex vue-router vue-boilerplate front-end admin pwa lodash vuex3 vue-i18n element-ui

VueCnodeJS - Vue2.x 初/中级项目，CnodeJS社区重构。(Vue.js Junior Project, Rewrite cnodejs.org )预览(DEMO)：

•    Vue

---

这是我第一个真正意义上的Vue项目，共花了５天时间，每天大概３,4个小时左右在这个项目上。除了Vue.js概念比较了解外，Vue-router和Vue-resource都是现学现用。之前还想着可能要花点时间学下新东西，但看了文档后才发现其实挺简单的...

vue vue-router vue-router2 vue-spa cnodejs vuex2 vuex nuxt nuxtjs ssr seo

vue-wait - Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications

•    Javascript

---

Multiple Process Loader Management for Vue and (optionally) Vuex. Read the Medium post "Managing Complex Waiting Experiences on Web UIs".

vue vuex loading loader loaders activity-indicator vuex-store nuxt-module vue-components progress progress-bar vue-progress loader-component spinner nuxt plugin

vivo-shop - 基于vue2.0实现的vivo移动端商城(vue+vuex-ruoter+vue-axios+webpack)

•    Vue

---

基于vue2.0实现的vivo移动端商城(vue+vuex-ruoter+vue-axios+webpack)

vue vuex webpack vue-cli

vue-Meizi - vue最新实战项目，vue2 + vuex + webpack + es6 干货多多，新手福利

•    Javascript

---

vue最新实战项目，vue2 + vuex + webpack + es6 干货多多，新手福利

vue vue-cli webpack vue-meizi demo react element-ui vuex vue-router css3 html5

electron-vue-music - 基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star

•    Javascript

---

基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star

electron electron-vue music music-player

electron-vue - An Electron & Vue

•    Javascript

---

The boilerplate for making electron applications built with vue (pretty much what it sounds like). The aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of vue-cli for scaffolding, webpack with vue-loader, electron-packager or electron-builder, and some of the most used plugins like vue-router, vuex, and so much more.

electron vue webpack boilerplate vue-cli documentation unit-testing end-to-end-testing electron-packager electron-builder es6 babel hot reload router vuex resource

jquery.flowchart - JQuery plugin that allows you to draw a flow chart.

•    Javascript

---

jquery.flowchart.js is an open source javascript jQuery ui plugin that allows you to draw and edit a flow chart. This project is part of a bigger one, UltIDE which allows you to have a complete interface managing a flowchart and custom properties. Though it is still WIP, you are welcome to give it a try and contribute. A screenshot is shown below.

flowchart svg flow chart graph ui jquery-plugin ecosystem:jquery

AngularJS-FlowChart - An example/template WebUI control for visualizing and editing flow charts

•    Javascript

---

A WebUI control for visualizing and editing flow charts. This isn't designed to be completely general purpose, but it will be a good basis if you need an SVG flowchart and you are willing to work with AngularJS.

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

dashboard - A dashboard scaffolding based on vue.js created by vuejs/vue-cli 3.x.

•    Vue

---

A dashboard scaffolding based on vue.js created by vuejs/vue-cli.

vue dashboard vue-router vuex webpack vue-demo vue-tutorial vue2 vuejs2

intro-to-vue - Workshop Materials for my Introduction to Vue.js Workshop

•    Vue

---

This repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.

vue vuex introduction-to-vue vue-animations vue-cli vue-methods vue-watchers nuxt introduction-to-nuxt vue-directive

QuickFlow - SharePoint Workflow Enhancement and Flowchart Designer

•    

---

A simple and powerfull workflow engine on SharePoint. It provider a flowchart flowcontainer to make the development of complex sharepoint workflow more easy. It's based on WF3.5 not WF4.

workflow codeart flowchart sharepoint wf