kity - Kity Web Vector Graphic Libary

•    Javascript

---

Kity Web Vector Graphic Libary

kity svg graphic library

kityminder - 百度脑图

•    Javascript

---

Kity Minder

kityminder kity minder svg graphic

kityminder-core - 强大的脑图可视化工具

•    Javascript

---

KityMinder Core Implement

kityminder kity minder svg graphic

fis - Front-end Integrated Solution - 前端集成解决方案， 最新版请进入 FIS3 https://github.com/fex-team/fis3

•    PHP

---

Front-end Integrated Solution - 前端集成解决方案， 最新版请进入 FIS3 https://github.com/fex-team/fis3

fis

rune.js - A JavaScript library for programming graphic design systems with SVG

•    Javascript

---

Rune.js is a JavaScript library for programming graphic design systems with SVG. Follow @runemadsen for announcements.

fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

•    Javascript

---

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

canvas graphic graphics svg node-canvas parser html5 object-model visualization data-visualization charts charting-library

Mobile Graphic Library

•    C

---

It is a platform independent 2D graphic library, which provide a easy way to render your 2D vector graphic data, such as SVG and SWF.

displacy - :boom: displaCy.js: An open-source NLP visualiser for the modern web

•    Javascript

---

⚠️ As of v2.0.0, the displaCy visualizers are now integrated into the core library. See here for more details on how to visualize a Doc object from within spaCy. We're also working on a new suite of tools for serving and testing spaCy models. The code of the standalone visualizers will still be available on GitHub, just not actively maintained. displaCy.js is a modern and service-independent visualisation library. We hope this makes it easy to compare different services, and explore your own in-house models. If you're using spaCy's syntactic parser, displaCy should be part of your regular workflow. Because spaCy's parser is statistical, it's often hard to predict how it will analyse a given sentence. Using displaCy, you can simply try and see. You can also share the page for discussion with your team, or save the SVG to use elsewhere. If you're developing your own model, you can run the service yourself — it's 100% open source.

spacy css svg nlp natural-language-processing visualization visualizer

fex-edu - FEX 学院

•    

---

FEX 学院

sketch-rnn - Multilayer LSTM and Mixture Density Network for modelling path-level SVG Vector Graphics data in TensorFlow

•    Python

---

This version of sketch-rnn has been depreciated. Please see an updated version of sketch-rnn, which is a full generative model for vector drawings. Implementation multi-layer recurrent neural network (RNN, LSTM GRU) used to model and generate sketches stored in .svg vector graphic files. The methodology used is to combine Mixture Density Networks with a RNN, along with modelling dynamic end-of-stroke and end-of-content probabilities learned from a large corpus of similar .svg files, to generate drawings that is simlar to the vector training data.

Inkscape - Vector Graphics Editor

•    C++

---

Inkscape is a vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format. It supports many advanced SVG features (markers, clones, alpha blending, etc.) and great care is taken in designing a streamlined interface. It is very easy to edit nodes, perform complex path operations, trace bitmaps and much more.

svg drawing draw-tools image image-editing graphics-editor vector-graphics

vivid - a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.

•    Javascript

---

Vivid.JS is an SVG Icons library which can be used to add highly customizable vibrant icons to the DOM without any dev dependencies. Vivid.JS is easy to adapt and can bring SVG icons to life using html5 data attributes on the go. Icons can also be individually customized in terms of colors and size using html5 data attributes which gives more power to Vivid.JS library.

svg svg-icons svg-images nodejs node library javascript-library javascript-framework icon icons react inline svgicon svgicons vivid builder

paper

•    Javascript

---

The Swiss Army Knife of Vector Graphics Scripting

vector graphic graphics 2d geometry bezier curve curves path paths canvas svg paper paper.js paperjs visualization data-visualization charts charting-library

ggredit

•    C++

---

GGredit is library that implements base functionality for a generic graphic editor. DDraw is a diagram editor designed for Gnome that use GGredit. DDraw is inspired to DIA, it can be used to draw many different kinds of diagrams.

LayerStyles - just like you favorite graphic editor - but in your browser. And it creates CSS.

•    Javascript

---

just like you favorite graphic editor - but in your browser. And it creates CSS.

svgo - :tiger: Node.js tool for optimizing SVG files

•    Javascript

---

SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files. SVG files, especially those exported from various editors, usually contain a lot of redundant and useless information. This can include editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting the SVG rendering result.

svg minification nodejs svgo optimization cli optimize minify

nanosvg - Simple stupid SVG parser

•    C

---

NanoSVG is a simple stupid single-header-file SVG parse. The output of the parser is a list of cubic bezier shapes. The library suits well for anything from rendering scalable icons in your editor application to prototyping a game.

spritejs - A cross-platform lightweight 2D render object model.

•    Javascript

---

SpriteJS is a cross-platform lightweight 2D render object model. Manipulate the sprites in canvas as you do with the DOM elements.

spritejs canvas animation graphics rendering renderer rendering-2d-graphics canvas-game canvas-animation svg-path vue react svg sprite graphic path d3 node-canvas parser html5 object-model

SVGInjector - Fast, caching, dynamic inline SVG DOM injection library

•    Javascript

---

A fast, caching, dynamic inline SVG DOM injection library. Developed by Waybury for use in iconic.js, part of the Iconic icon system. There are a number of ways to use SVG on a page (object, embed, iframe, img, CSS background-image) but to unlock the full potential of SVG, including full element-level CSS styling and evaluation of embedded JavaScript, the full SVG markup must be included directly in the DOM.

svg scalable-vector-graphics svg-injector images img html dom

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