📝
knowledge
  • links
  • 14-Pure-Education
    • My Knowledge Wiki 🌿
      • .github
        • ISSUE_TEMPLATE
          • Question 🤔
          • bug_report
          • Feature ✨
        • Summary
      • design
        • Animation
        • Fonts
        • Framer
        • Color
        • figma
          • Figma
          • Figma plugins
        • Inkscape
        • Blender
        • Design
        • Interior Design
        • Icons
        • Design inspiration
        • 3D modeling
        • Design systems
        • Industrial Design
        • User Experience
        • Logos
      • databases
        • Neo4j
        • Fauna
        • sql
          • SQL
        • blockchain
          • Cardano
          • Arweave
          • Tezos
          • Polkadot
          • Uniswap
          • Ethereum
          • Blockchain
        • Kdb+
        • Cassandra DB
        • PostgreSQL
        • FoundationDB
        • SQLite
        • Prometheus
        • Dgraph
        • Redis
        • DynamoDB
        • Databases
        • Memcached
        • MariaDB
        • Prisma
        • MongoDB
      • augmented-reality
        • Augmented Reality
        • ARKit
      • art
        • Art
        • Pen plotting
        • Drawing
        • Photography
        • Generative art
        • Sketching
        • Comics
        • Anime
        • Furniture
        • Dancing
        • Architecture
        • Clothes
        • Tattoos
      • computer-graphics
        • computer-vision
          • Optical character recognition
          • Computer vision
        • Procedural generation
        • Metal
        • SVG
        • WebGPU
        • [Ray tracing](https://en.wikipedia.org/wiki/Ray_tracing_(graphics))
        • Computer graphics
        • WebGL
        • CUDA
        • OpenGL
        • Vulkan API
        • Bézier curves
        • Shaders
        • Image processing
        • [Rendering](https://en.wikipedia.org/wiki/Rendering_(computer_graphics))
      • computer-science
        • Parsing
        • algorithms
          • Algorithms
          • Compression
        • Computer Science
        • Computer architecture
        • formal-verification
          • Formal verification
          • TLA+
        • Automata theory
        • data-structures
          • Data structures
      • business
        • startups
          • Marketplaces
          • Funding
          • Values
          • Onboarding
          • Venture capital
          • Startups
          • Payroll
        • Products
        • Business
        • Restaurants
        • Landing pages
        • Pricing
      • compilers
        • LLVM
        • Linters
        • build-systems
          • Build systems
          • Bazel
        • Compilers
      • books
        • Mind for numbers - Review
        • Thinking, fast and slow
        • Brave new world
        • Elements of programming interviews
        • Rich dad poor dad
        • Programming in Haskell
        • Code: hidden language of software
        • Surely you are joking Mr Feynman
        • Books
        • Mindstorms
        • Eloquent ruby
        • go-in-action
        • Crafting interpreters
        • Cracking the coding interview
        • Artificial Intelligence: A Modern Approach
      • devops
        • Observability
        • DevOps
        • Site Reliability Engineering
        • Terraform
      • cryptocurrencies
        • Nano
        • Cryptocurrencies
        • Bitcoin
        • Stellar
        • Libra
        • TON
      • backups
        • Backups
      • 3d-printing
        • 3D Printing
      • distributed-systems
        • message-queue
          • Message queue
          • ZeroMQ
          • MQTT
        • [Load balancing](https://en.wikipedia.org/wiki/Load_balancing_(computing))
        • rpcs
          • gRPC
          • Remote Procedure Calls
        • Distributed systems
        • Conflict-free replicated data type
      • cli
        • Command Line Tools
        • Tmux
        • Ngrok
        • Sed
      • automation
        • Home automation
        • Automation
      • biology
        • Computational biology
        • Biology
        • Evolution
        • genomics
          • DNA
          • Genomics
        • immunology
          • Immunotherapy
          • Immunology
        • Bionics
        • bioinformatics
          • Bioinformatics
        • Viruses
      • cloud-computing
        • serverless-computing
          • AWS Lambda
          • Serverless computing
          • Cloudflare workers
        • Cloud computing
        • gcp
          • Google Cloud
        • aws
          • AWS Amplify
          • AWS
        • azure
          • Azure
      • articles
        • Articles
      • anki
        • Anki
      • data-science
        • Data Science
        • Data Visualization
        • Data processing
        • Apache Kafka
      • consciousness
        • Consciousness
        • Ego
      • documentaries
        • Documentaries
      • Summary
      • api
        • API
      • animals
        • Birds
        • Animals
      • courses
        • Courses
      • analytics
        • Analytics
      • chemistry
        • Chemistry
Powered by GitBook
On this page

Was this helpful?

  1. 14-Pure-Education
  2. My Knowledge Wiki 🌿
  3. computer-graphics

SVG

PreviousMetalNextWebGPU

Last updated 4 years ago

Was this helpful?

Links

  • - Flat, round, designer-friendly pseudo-3D engine.

  • - Create graphics with a hand-drawn, sketchy, appearance.

  • ()

  • - Utility to convert raw SVG files into accessible and extendable React Components.

  • - Free, simple animated SVG editor. ()

  • - Convert your ascii diagram scribbles into happy little SVG.

  • - Powerful, online SVG editor for teams.

  • - Open source emojis for designers, developers and everyone else. ()

  • ()

  • ()

  • - JavaScript library to make drawing animation on SVG. ()

  • - Translates HTML5 Canvas draw commands to SVG.

  • - JavaScript SVG parser and renderer on Canvas.

  • - SVG rendering library in Rust.

  • - Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses. ()

  • - SVG Path Parser.

  • - Estimate point on a SVG path.

  • - Adds external spritemaps support to otherwise SVG-capable browsers. ()

  • ()

  • - Enter a SVG path data to visualize it and discover all its different commands.

  • - Simple stupid SVG parser.

  • - Export a beautiful SVG shape divider.

  • ()

  • ()

  • - JavaScript library for creating SVG patterns. () () ()

  • ()

  • - Transform SVG into valid JSX.

  • - Node.js tool for optimizing SVG files.

  • - Optimize SVG and Flatten transforms and shapes. ()

  • - Flatten SVGs into points.

  • - SVG Squircle Maker. () ()

  • - JavaScript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser. ()

  • - Online editor to create and manipulate SVG paths. () ()

  • - See the visual difference between two SVGs. ()

  • - Differentiable Rasterizer for Vector Graphics. ()

  • - Micro HTML/SVG render.

  • ()

  • - Pure-Python library for reading and converting SVG.

  • - Transform an SVG icon into multiple themes, and generate React icons,Vue icons, SVG icons.

  • - Programmable SVG. Introduces programming language features like functions, control flows, and variables.

  • - Animated SVG icon library.

  • - Swiss-Army-knife command-line tool for plotter vector graphics.

  • - JavaScript alternative to getPointAtLength(t) and getTotalLength() functions. Works with Canvas objects and when Node.

  • - Draws simple SVG flow chart diagrams from textual representation of the diagram. ()

  • - Draws simple SVG sequence diagrams from textual representation of the diagram. ()

  • - Web GUI for SVGO. ()

  • - Generate SVG paths for geometric shapes. ()

  • - SVG converter based on Cairo. It can export SVG files to PDF, EPS, PS, and PNG files. ()

  • - Remove blank space from around any SVG instantly.

  • - Free SVG Vectors and Icons.

  • - Fast, caching, dynamic inline SVG DOM injection library.

Zdog
Rough.js
SVG illustrations as React Components
Scaling SVG Elements
Lobsters
Transform SVG into React Components using SVGR (2017)
svg-to-react
Optimising SVGs for the Web (2020)
Where are all the animated SVGs? (2020)
Motion
Article
Svgbob Editor
Vecta
OpenMoji
Code
Visual Guide To SVG Matrix
Curated List Of Websites For Free SVG Illustrations (2019)
SVG Animations
Code
Creating a Pencil Effect in SVG (2020)
HN
Vivus
Code
Canvas2Svg
canvg
resvg
Creating a Gauge in React (2020)
XVG
Code
path-data-parser
points-on-path
Practical SVG book
How to emulate hand-drawn shapes / Algorithms behind RoughJS (2020)
SVG for Everybody
Code
CNC Hershey Font Tool
Code
SVG Path Visualizer
Nano SVG
Shape Divider App
URL-encoder for SVG
Code
SVG Filters Playground
Code
Textures.js
Web
HN
Example
SVG Caching with (2020)
Benefits of SVG (2020)
Free Vector Illustrations
HN
svg2jsx
Graphical UI's with SVG and React (2020)
SVGO
Lean-SVG
Code
flatten-svg
Squircley
Code
Squircles with Vue
Fabric.js
Web
SVG Path Editor
Code
HN
SVG Diff
Code
diffvg
Paper
Using SVGs in asset catalogs
uhtml
Simple Image Vectorization
HN
Svglib
IconPark
PSVG
Loaf
vpype
svg-path-properties
Learn SVG through 24 examples (2020)
flowchart.js
Code
js-sequence-diagrams
Code
SVGOMG
Code
Paths.js
Web
CairoSVG
Web
SVG Crop
SVG Tutorial: How to Code SVG Icons by Hand (2021)
SVG Repo
svg-injector