SVG

OpenSheetMusicDisplayopensheetmusicdisplay/opensheetmusicdisplay

OpenSheetMusicDisplay renders MusicXML sheet music in web browsers using VexFlow, providing a turnkey solution for digital sheet music apps.

diagram.jsbpmn-io/diagram-js

A JavaScript toolbox for building interactive diagram editors and viewers on the web.

jqvmapmanifestinteractive/jqvmap

A jQuery plugin for rendering interactive, customizable vector maps with support for data visualization and region selection.

sequential-workflow-designernocode-js/sequential-workflow-designer

A customizable, dependency-free sequential workflow designer component for building flow-based programming and automation applications.

<qr-code>bitjson/qr-code

A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.

react-archerpierpo/react-archer

A React library for drawing customizable arrows and connectors between DOM elements.

LayerCharttechniq/layerchart

A collection of composable Svelte chart components for building a wide variety of data visualizations.

Map Iconsscottdejonge/map-icons

An icon font and JavaScript library for creating customizable SVG markers with icon labels for Google Maps and Google Places APIs.

jQuery Mapaelneveldo/jQuery-Mapael

A jQuery plugin for creating interactive, dynamic vector maps with data visualization capabilities.

GraphicsJSAnyChart/GraphicsJS

A lightweight JavaScript graphics library for drawing interactive SVG/VML graphics with an intuitive API.

nix-topologyoddlama/nix-topology

Generate infrastructure and network diagrams as SVGs directly from NixOS configurations.

VSCode Iconsmicrosoft/vscode-icons

Official SVG icon set for Visual Studio Code, including dark and light theme variants.

d3-annotationsusielu/d3-annotation

A D3.js plugin for adding customizable annotations to SVG charts and visualizations.

historical-basemapsaourednik/historical-basemaps

A collection of georeferenced GeoJSON boundaries for world countries and cultural regions to map historical data on global or continental scales.

angular-svg-round-progressbarcrisbeto/angular-svg-round-progressbar

An Angular module that uses SVG to create customizable circular progress bars and gauges.

d3-legendsusielu/d3-legend

A reusable D3.js legend component for color, size, and symbol scales in SVG visualizations.

ggvis <img class="emoji" alt="heart" src="https://cdn.jsdelivr.net/gh/qinwf/awesome-R@3c66da6e291bcc0520b1649125b0bed750896a9a/heart.png" height="20" align="absmiddle" width="20">rstudio/ggvis

An interactive grammar of graphics for R that combines ggplot2's grammar with reactive programming from Shiny.

v-network-graphdash14/v-network-graph

An interactive SVG-based network graph visualization component for Vue 3 with reactive data binding.

PageLoadingEffectscodrops/PageLoadingEffects

A collection of SVG animations for modern page loading transitions and content reveals.

Animated Weather Cardbramkragten/weather-card

A Home Assistant Lovelace card displaying weather with animated SVG icons and customizable forecast views.

Inkscape Electric Symbolsupb-lea/Inkscape_electric_Symbols

A library of electrical engineering symbols and block diagrams for creating technical drawings in Inkscape.

FSInteractiveMapArthurGuibert/FSInteractiveMap

An iOS charting library for visualizing and interacting with vector maps using SVG files.

font-mfizzfizzed/font-mfizz

A vector icon font with scalable icons for programming languages, operating systems, and software engineering.

svelte-awesomeRobBrazier/svelte-awesome

A Svelte component for embedding Font Awesome SVG icons with tree-shaking support.

spoiler-alertjoshbuddy/spoiler-alert

A JavaScript library that hides spoilers on web pages using SVG blur effects, revealing content on hover and click.

TensorFlow White Paper Notessamjabrahams/tensorflow-white-paper-notes

Annotated notes and summaries of the TensorFlow white paper, with SVG figures and links to documentation.

Hass Hue Iconsarallsopp/hass-hue-icons

Additional vector icons for Home Assistant to accurately represent Philips Hue bulbs and fixtures.

vue-ellipse-progresssetaman/vue-ellipse-progress

A dependency-free Vue.js component for creating beautiful, animated circular progress bars with SVG.

Bertin.jsneocarto/bertin

A JavaScript library for creating thematic maps and visualizing geospatial data on the web.

penplotmattdesl/penplot

An experimental development environment for creating generative art and pen plotter designs with zero configuration.

Wokwi Elementswokwi/wokwi-elements

A collection of Web Components for visualizing Arduino and electronic hardware parts in web applications.

d3.sketchysebastian-meier/d3.sketchy

A D3.js plugin for creating sketchy, hand-drawn style backgrounds, shapes, and lines in data visualizations.

Pop!pop-os/icon-theme

A semi-flat icon theme with raised 3D motifs for Pop!_OS and other Linux distributions.

Vue Weather Notifiersdras/vue-weather-notifier

A Vue.js demo app showing SVG animations for weather notifications using Vuex and GreenSock.

vnodestxlabs/vnodes

Vue components for creating interactive SVG graphs, diagrams, and node-based visual tools.

JS Bookmarklet Simulating ColorblindnessAltreus/colourblind

A JavaScript bookmarklet that simulates various types of color blindness on any webpage.