HTML SVG

Open-source HTML projects categorized as SVG

Top 23 HTML SVG Projects

  • rough

    Create graphics with a hand-drawn, sketchy, appearance

    Project mention: Rough.js: Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2023-12-22
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • GoJS, a JavaScript Library for HTML Diagrams

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

    Project mention: Your 14-Day Free Trial Ain't Gonna Cut It | news.ycombinator.com | 2024-05-06

    If you click on their username, it takes you to their profile.

    https://news.ycombinator.com/user?id=simonsarris

    which says:

    I make GoJS, a powerful canvas-based diagramming library:

    http://gojs.net/

  • perfect-freehand

    Draw perfect pressure-sensitive freehand lines.

    Project mention: Ship Shape | news.ycombinator.com | 2023-11-13

    The library Canva use for drawing lines may be of interest: https://github.com/steveruizok/perfect-freehand

  • plot

    A concise API for exploratory data visualization implementing a layered grammar of graphics

    Project mention: A New Package for Making Charts in Emacs: Eplot | news.ycombinator.com | 2024-06-27

    Neat!

    This is one of my favorite spaces, so I'll add some generic advice which may or may not be helpful.

    I once had the privilege of working for Max Roser and Hannah Ritchie at Our World in Data, as one of the engineers on their Grapher library (https://github.com/owid/owid-grapher), and learned a ton from them (and others on the team) about making great charts.

    My one piece of advice from looking at your examples would be: don't neglect title, subtitle, and caption! They would be so easy to do well because you've already created your "simple headers thingies". A few words go along way. Check out "Storytelling with Data" by Cole Nussbaumer Knaflic for a great read on the subject. Owid's Grapher does those the best, IMO (followed closely by DataWrapper.de -- but that's not open source).

    At some point, if you keep up with this, you'll also want to add a dataflow library and DSL. Hadley Wickham's dplyr in R was the GOAT, and I copied that in my Ohayo tool and in OWID Grapher's CoreTable library (https://github.com/owid/owid-grapher/tree/master/packages/%4...). Jeffrey Heer's newish Arquero (https://idl.uw.edu/arquero/) library is also along those lines.

    Lately I've delving into Mike Bostock's new thing Plot (https://observablehq.com/plot/). So far, excited by it, but only spent a day or two with it at this point.

    I don't use emacs anymore, but hopefully something helpful in the comments above.

  • openmoji

    Open source emojis for designers, developers and everyone else!

    Project mention: OpenMoji: Open-source emojis for designers and developers | news.ycombinator.com | 2024-02-05
  • AndroidSVG

    SVG rendering library for Android

  • circle-flags

    A collection of 400+ minimal circular SVG country, state and language flags

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • weather-icons

    Free to use animated weather icons. (by basmilius)

  • ira-illustrations

    Build your own amazing illustrations

  • itext-pdfhtml-java

    pdfHTML is an iText add-on for Java that allows you to easily convert HTML and CSS into standards compliant PDFs that are accessible, searchable and usable for indexing.

  • itext-pdfhtml-dotnet

    pdfHTML is an iText add-on for C# (.NET) that allows you to easily convert HTML and CSS into standards compliant PDFs that are accessible, searchable and usable for indexing.

    Project mention: How to Publish the Most Optimized Code? | /r/learncsharp | 2023-07-27
  • osmic

    CC0 SVG Map Icons, mirror of repo on Gitlab

  • standards-support

    Contains documentation for Vispero software support of Web standards

  • BlazorDraggableDemo

    Blazor Webassembly SVG Drag And Drop

  • DoublePendulum

    Double Pendulum Playground

    Project mention: Interactive Double Pendulum Playground | /r/WebGames | 2023-09-25
  • DistributedDrawing

    A distributed drawing tool written in Blazor Wasm that uses an external SignalR Hub to sync drawings between clients.

  • ngx-qrcode-styling

    This library is built for the purpose generating QR codes with a logo and styling.

  • fluent-icons

    A Ruby gem that allows you to use Microsoft's Fluent UI Icons inside your Rails app.

  • human-anatomy

    Human Anatomy created with SVG

  • ingo-steinke.de

    www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke. The site is built using HTML, CSS, JavaScript, and 11ty (eleventy). English version: www.ingo-steinke.com

    Project mention: Upgrading and Refactoring a Slightly Outdated Web Project | dev.to | 2024-01-23

    My current checklist starts with "improve test coverage". You can see the rest on GitHub (refactor CSS after snapshot testing).

  • maskcss

    CSS & Vector shapes library

  • Kasper-Agency

    Kasper Agency - Where Creativity Meets Innovation

  • thinkbox.center

    A small overview page of services hosted under my domain.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

HTML SVG discussion

Log in or Post with

HTML SVG related posts

Index

What are some of the best open-source SVG projects in HTML? This list will help you:

Project Stars
1 rough 19,721
2 GoJS, a JavaScript Library for HTML Diagrams 7,567
3 perfect-freehand 4,411
4 plot 4,145
5 openmoji 3,853
6 AndroidSVG 1,174
7 circle-flags 929
8 weather-icons 856
9 ira-illustrations 627
10 itext-pdfhtml-java 217
11 itext-pdfhtml-dotnet 166
12 osmic 111
13 standards-support 106
14 BlazorDraggableDemo 46
15 DoublePendulum 44
16 DistributedDrawing 25
17 ngx-qrcode-styling 13
18 fluent-icons 6
19 human-anatomy 4
20 ingo-steinke.de 2
21 maskcss 1
22 Kasper-Agency 1
23 thinkbox.center 0

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com

Did you konow that HTML is
the 11th most popular programming language
based on number of metions?