Top 23 TypeScript SVG Projects
Apache ECharts is a powerful, interactive charting and data visualization library for browserProject mention: Pulling and visualizing data from a database client side | reddit.com/r/csharp | 2022-05-20
ECharts -- open source js lib for enterprise-grade charts
🐯 visx | visualization componentsProject mention: I don't miss React: a story about using the platform | news.ycombinator.com | 2022-05-03
I also went this route and used d3 for the math but my own hand-made SVGs for the rendering so that the DOM is all in "react land".
You may want to check out this library: https://airbnb.io/visx/ They converted a ton of d3 features into proper React components
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
⚪ SVG-Powered component to easily create skeleton loadings.Project mention: prefered way to fetch extra data when navigating | reddit.com/r/reactnative | 2021-12-30
📊 A highly interactive data-driven visualization grammar for statistical charts.
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React librariesProject mention: React charts package that supports image in tooltips? | reddit.com/r/reactjs | 2022-06-22
With nivo you can render custom tooltip components.
Transform SVGs into React components 🦁Project mention: Some svg icons wont show with react native svg | reddit.com/r/reactnative | 2022-06-12
I normally use SVGR but every time a designer sends me an svg i’ll pass it in svgOmg that deletes all the unnecessary attributes and propietary code from figma, illustrator &co.
A tiny little drawing app.Project mention: Ask HN: A React-like framework for building pannable/zoomable canvas apps? | news.ycombinator.com | 2022-06-22
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
a super simple, no-nonsense diagramming library written in react that just worksProject mention: How to create a Flow builder / Node graph like in the example image | reddit.com/r/reactjs | 2022-05-24
https://github.com/projectstorm/react-diagrams is an alternative to react-flow
🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg iconsProject mention: 100 design resources for developers | dev.to | 2021-11-26
C3 is dying, https://naver.github.io/billboard.js is its not yet official fork (approved by original author).
:bar_chart: Declarative Charting Framework for AngularProject mention: Help with graphs in Angular 12 | reddit.com/r/angular | 2021-08-06
https://github.com/swimlane/ngx-charts is pretty good - BUT - I would actually recommend just making a D3 line chart from scratch if this is going to be a long term project. Just because you will have a lot more freedom and flexibility. The lib above is good but it has a hard time keeping up with the latest Angular releases, so you won't be able to ng update as frequently as you want, and you'll probably find yourself spending time hacking it for custom looks or functionality. Might as well spend that time learning D3, IMO.
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.
Online editor to create and manipulate SVG pathsProject mention: Versatile Open Source online SVG path editor | reddit.com/r/hackernews | 2022-02-18
✂️ Generates an image from a DOM node using HTML5 canvas and SVG.Project mention: GitHub - bubkoo/html-to-image: Generates an image from a DOM node using HTML5 canvas and SVG. | reddit.com/r/programming | 2022-06-21
A library for panning and zooming elements using CSS transforms :mag: (by timmywil)Project mention: BlazorPanzoom - Enable panning and zooming of your components and elements | reddit.com/r/Blazor | 2021-07-18
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!Project mention: Ask HN: Where can I find open source icons for my apps? | news.ycombinator.com | 2022-06-27
An SVG loader component for ReactJS
alphaTab is a cross platform music notation and guitar tablature rendering library.Project mention: SheetAble - Self-hosted music sheet organizer v1.0 | reddit.com/r/selfhosted | 2022-07-02
Another vote for tab support. I haven't played piano in years now but it would be neat to archive and collate a bunch of tablature for all the string instruments I do still play. Just being able to render plaintext tabs would be easy to implement + that's definitely the most common format by far. For Guitar Pro format there's a JS library already, although that may be getting a bit scope creep-y.
📈 Beautiful, high-performance Graphs and Charts for React NativeProject mention: Made a free exercise tracking app! (spent 1 year learning how to code) | reddit.com/r/ProductivityApps | 2022-07-02
12 - I decided to give some equity of the company I had incorporated to a team of developers at Margelo. These are my cofounders now, and they are magicians. They helped take my "front end" Expo app to the fully functional product that you see today (although there are still plenty of bugs that we need to resolve I am sure).
TypeScript SVG related posts
Is there an alternavite to svg-pan-zoom for Nuxt?
2 projects | reddit.com/r/Nuxt | 2 Jul 2022
Ask HN: Where can I find open source icons for my apps?
1 project | news.ycombinator.com | 27 Jun 2022
Wrote a tiny NPM package for interpolating between multiple SVG paths
1 project | reddit.com/r/webdev | 25 Jun 2022
Which vue-cli plugin for inlining SVG images?
3 projects | reddit.com/r/vuejs | 22 Jun 2022
Ask HN: A React-like framework for building pannable/zoomable canvas apps?
1 project | news.ycombinator.com | 22 Jun 2022
GitHub - bubkoo/html-to-image: Generates an image from a DOM node using HTML5 canvas and SVG.
1 project | reddit.com/r/programming | 21 Jun 2022
Bubkoo/HTML-to-image: Generate an image from a DOM node
1 project | news.ycombinator.com | 18 Jun 2022
What are some of the best open-source SVG projects in TypeScript? This list will help you:
Are you hiring? Post a new remote job listing for free.