Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Nice things with SVG

fuma-nama.vercel.app

Post reply on HN
Print view View original

101–110 of 112 posts

Re: Nice things with SVG

#101

Post by lenkite »

LegionMammal978 wrote: post #88
lenkite wrote: post #58

Earlier quoted context omitted.

Maybe I am missing something, but can't find any !doctype or !element that would represent a DTD on that page. If you are talking simply about SVG defs and use - that isn't a DTD.

They're all in the standalone files, e.g., look at the source of https://kingbird.myphotos.cc/packing/square-11.svg . It defines a bunch of entities to represent various lengths and angles, which obviously can't be d. (CSS variables would be an alternative these days, but many non-browser tools such as librsvg will have trouble with those as well.)

Aah thanks - these don't show up in the chrome inspector as by that time they are apparently already substituted.

Re: Nice things with SVG

#102

Post by knighthack »

chrisweekly wrote: post #64
hansvm wrote: post #53

Earlier quoted context omitted.

"bricks"?

It's slang; picture a literal brick (akin to a rock or stone). Your device is "bricked" if something has rendered it useless.

I've always thought the word 'bricked' as more akin to 'turning the phone into a useless brick'.

Re: Nice things with SVG

#103

Post by deads1mple »

Voultapher wrote: post #69

> Unkey's landing page is a nice example. That landing page is a nauseatingly laggy experience on a very powerful M1 Pro laptop. And slow to load, all for some fancy lines? I'd take a product that focuses on substance over style as dev. Don't get me wrong, style is important and I like pretty things, but here it seems the tradeoff is not well done.

On latest Chrome, MBP i7 2019 and it sure is laggy as hell

https://www.unkey.com/

Re: Nice things with SVG

#104

Post by ifwinterco »

jarek-foksa wrote: post #86
technetist wrote: post #42

Earlier quoted context omitted.

Probably “SVG Animations” available through O’Reilly. It is from 2017. While many of the frameworks used have come and gone; there are a few stable concepts. If you can get it on sale, I’d recommend. Full price is a hard sell.

From the table of contents this looks like a book sponsored by and written to promote GreenSock. Which would be fine if the title was not misleading. Apparently SMIL is mentioned only in one chapter as "not suggested" solution.

GreenSock works and it's fine but I'm always deeply suspicious of any product that tries that hard to promote itself. If the approach is so great, let it speak for itself

Re: Nice things with SVG

#105

Post by rchaud »

7952 wrote: post #78
imhoguy wrote: post #71

I really miss Macromedia Flash. There wasn't a single tech like Flash and SWF format which flourished with so many indie games and animated movies available without any extra downloads (other than Flash Player). Barier to entry was so low. Now, take SVG, it has potential to do everything what SWF could. But there is no editor like Flash and scene/object based coding solution like ActionScript. And each browser has ow…

Well it still exists as Adobe Animate which can export to html. Comparing SVG to Flash seems like an apples to oranges comparison anyway. The format does not have to do everything that Flash did but can rely on the other technologies in the browser.

Adobe Animate is a sad shell of Flash. It only supports 2D, where its ancient predecessor supported 3D 20 years ago. It is a largely dead product, although parts of the Flash spirit lives on in After Effects, which is a video-centric tool.

Re: Nice things with SVG

#106

Post by pcthrowaway »

perilunar wrote: post #83
perilunar wrote: post #77

Earlier quoted context omitted.

Browsers will render SVG files. SVG files can link to other SVG files. Just need to configure the server to serve SVG by default — most servers don't but it's an easy config change.

Actually just found one, via an old stack overflow post. Only a three page test, but proves the point: https://svg.nicubunu.ro

No javascript here though

Re: Nice things with SVG

#107

Post by yowzadave »

Maybe I'm in the minority, but I wish there were an similarly popular vector drawing format that did much much less than SVG. Any time you want to support vector drawings in a project, the obvious approach is to support SVG...which basically means you have to bring in the equivalent of a browser. What is the minimal alternative?

Re: Nice things with SVG

#108

Post by efreak »

perilunar wrote: post #59
rckt wrote: post #14

SVG feels like a very underexplored and underused territory. You can do so many things with it. It really depends on your imagination. But you’ll possibly need to “hardcore” a lot of stuff, so yeah, depends on the use case as well.

One thing i'd like to see is an entire site built with SVG and JS without any HTML at all. It's possible but i haven't seen anyone do it yet.

I've used SVG in the past to work around limitations in css alignment (cloth before and after new layouts made it unnecessary--I don't write CSS enough to remember how they work, but adding text to a quick drawing in inkscape is fairly trivial)

Re: Nice things with SVG

#109

Post by flaviuspopan »

simpaticoder wrote: post #21
chentastic wrote: post #4

Was always fascinated by SVG art. How good are LLMs in generating SVGs?

Regular LLMs are quite bad at it (see simonwillison's blog post). However this paper [0] describes an apparently sound approach using Neural Radiance Fields (NeRFs), however their github repo [1] has been "code coming soon!" for months now, so you can't really use it. 0 - https://arxiv.org/pdf/2501.03992 1 - https://github.com/SagiPolaczek/NeuralSVG

It's been released as of an hour ago!!! https://github.com/SagiPolaczek/NeuralSVG/pull/6

Oh boy oh boy oh boy

Re: Nice things with SVG

#110

Post by gocsjess »

notnullorvoid wrote: post #91
gocsjess wrote: post #74

One nice thing about SVGs is that they can be connected to the dom, you can do css, and easier to debug than canvas. Performance is the only thing holding it back from making declarative code for plotting and mapping charts.

What performance issues have you encountered? Perf was decent 10 years ago so long as you avoided filters, but even that has improved.

I figured at that time that svgs with a lot of path slows the app. It was about the time where I toyed with d3 and geojson too.
Post reply on HN