58 ms·
Just use SVG plus d3. Only trick is coming up with a pipeline to convert this into a pdf or png so that it is easier to use outside the web. I only throw in D3
by slaymaker1907 6y ago
Just use SVG plus d3. Only trick is coming up with a pipeline to convert this into a pdf or png so that it is easier to use outside the web.
I only throw in D3 because it does have some features which make SVGs more maintainable and easy to write, but I've written many SVGs by hand over the years and it really isn't nearly as bad as many people think it is. I suspect a lot of people think it is very difficult because they only look at the terrible SVGs generated by GUI tools.
- hrishi 6y agoCould you elaborate on the best way to get started with this specifically? Any articles/tutorials you'd recommend? I've been meaning to forever but both svgs and d3 are complex enough I'm not sure where to start.
- slaymaker1907 6y agoI would recommend starting with plain SVG and then exploring D3 after. It's best to think of D3 as a combination of jQuery and a geometry library. For starting with SVGs, just look for a simple tutorial like https://www.w3schools.com/graphics/svg_intro.asp https://www.w3schools.com/graphics/svg_intro.asp to get a simple template, but focus on learning the path element. The path element is both foundational to a lot of custom SVG stuff and isn't too complicated, sort of like the Basic of graphics.
- hrishi 6y agoThanks! Really appreciated. I've gotten the hang of SVGs, is MBostock's blog still the best place to start with D3?
- cush 6y agoOnly trick is the solution to entire problem statement. restofthefuckingowl.jpg