resvg VS Snap.svg

I've seen resvg as a potential pick, but it feels huge and seems to be importing skia, which itself is a whole rendering engine. Furthermore, I have no idea if I can pass my own 2D buffer to resvg and let it draw to it.

For example, when converting vector SVG images to raster PNG images with resvg, most of the time is spent compressing the PNG image. This is a lot of wasted work if we just want to read the image instead of transferring it over the network! The fast compression mode eliminates all this wasted work, resulting in huge performance and efficiency gains.

Just as a point of reference, I have a ~75KLOC project (includes dependencies) called resvg which takes just 4s in the debug mode and 8s in the release mode to build on M1 Pro.

resvg is very fast, although the performance depends on the exact SVG you feed it - sometimes faster than librsvg, sometimes slower (although librsvg is also written in Rust now, it does use unsafe while resvg doesn't)

So I am absolutely clueless about Rust and just installed it an hour ago to use this tool called "usvg" https://github.com/RazrFalcon/resvg/tree/master/usvg

So, all you gotta do is rewrite the parsers. Funny you mention librsvg because there is a library called resvg that has a thumbnailer implementation for Windows Explorer. https://github.com/RazrFalcon/resvg

Snap SVG : The JavaScript SVG library for the modern web

It allows users to create tasks, change their schedule and duration with drag-and-drop, add dependency lines, and review extra information on tasks via tooltips. You can add multiple timescales to the chart. The list of possible options includes Quarter Day, Half Day, Full Day, Week, and Month. There are also some customization opportunities such as changing the tooltip content with custom HTML, modifying the appearance of task bars and dependency lines, and setting the default timescale. It should be noted that Frappe Gantt has two dependencies: momentjs and snapsvg.

Inspecting the buttons suggests that it's made with SVG animations too. It says "made with snap" http://snapsvg.io/

Why’d you steal Snap.svg’s logo though? That’s an immediate and major red flag to me. http://snapsvg.io/

Animated SVG http://snapsvg.io is best. Tiny file size, good performance. Resolution independent.

SNAP SVG

Building the SVG by hand is an option, but I suggest you look at dedicated SVG JS libraries to make the graphic easier to build and maintain. Try SVG.js or Snap.svg - both have good reputations.

Need someone who can make an extremely high-quality interactive single web page with SVG / CSS / JS / HTML. And the page is already done, so just someone who can make an interactive portion of the header. Possibly with something like: http://snapsvg.io/, https://www.svgator.com/, or just raw CSS/JS skills.

Canvas2SVG - I have a feeling I'll get to know this library well someday. Apache Batik - I used it quite a bit in the early days but it never took root in my toolchain. SVGJS It offers compelling shortcuts, I'm just a fan of vanilla JS. This also goes for SNAP SVG

In my research to solve the CSS animation issue I branched out and one of my findings was SVGs (Scalable Vector Graphics). Having already gained some proficiency with Adobe Illustrator in my previous career, I’m going to experiment and create some SVG’s soon, perhaps for some buttons or landing page graphics. The low file size and clarity of the graphics is really appealing, and I think they could make my future portfolio really pop! The SVG Snap library looks interesting.