Free SVG generators, color tools and web design tools

fffuel.co

25 points·jasonjmcghee··6 comments

This is a collection of a ton of super useful tools I came across and had to share!

On mobile there's kind of a full page banner ad for their desktop tool. All the generators are right after that.

(Much better experience on desktop in general)

These are fantastic, thank you for sharing!

I’ve been exploring generating small charts with SVGs lately. Does anyone have good resources or suggestions for SVG chart generation? Ideally without requiring a JavaScript framework.

Without requiring javascript, at build time? Or at runtime?

I feel like hand-crafting charts with SVG is going to be an absolute nightmare.

You can use D3.js (or any other chart library that outputs SVG) and then just use the output SVG.

Here's a JS framework that seems to do almost everything you want (outside of not requiring a JS framework, of course). It's a Sass project and uses Node modules, so I wasn't able to get it running using vanila js. (I'm not much of a JS dev.)

I'm also interested in other players in this space. SVG seems like the ideal way to make static plots.

https://chartist.dev/

Related ongoing thread:

Making SVG Loading Spinners: An Interactive Guide - https://news.ycombinator.com/item?id=39409140

Fwiw this appears to be a blog post by the same author, on the same site. This points to the complete collection of tools. Not sure they are directly related, but defer to your judgement.

Reply on news.ycombinator.com