frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

fp.

Open in hackernews

Website Is Just an SVG (2007)

https://svg.nicubunu.ro/
89•caminanteblanco•2h ago

Comments

whyandgrowth•1h ago
Wow, I didn't know SVG was capable of that, the website looks like a HTML/CSS site from the 2000s, but it's still cool.
ninetyninenine•1h ago
Svgs are capable of anything. You can draw anything with it as it’s just a format for vector graphics. The vectors can be manipulated so you can even make a 3D game engine from it if you wanted.

The only thing that separates it from html and css is that html and css biases towards website styled stuff. HTML is designed for text boxes and that kind of stuff while svgs bias more towards a neutral drawing medium: shapes and vectors.

So because it’s more neutral you can even make a html engine from svg if you so wanted.

OneDeuxTriSeiGo•1h ago
Yeah this is a big part of the reason SVGs are dangerous if treated like normal image files. They are basically equivalent to HTML w/ embedded CSS and can even execute javascript.

If you aren't careful they can be used for XSS and all kinds of nasty stuff.

They are also super useful in general though despite that.

panny•1h ago
Now right click it and view source. SVG is just markup, same as HTML.
thenthenthen•43m ago
Like, this SVG is just a Website! Props to the creator, loving this.
Telemakhos•30m ago
There were some tools that let you do a lot of flash-type things using html5 and svg. I used Tumult Hype for an animation project a few years ago, but I don't think it ever became as popular as Flash.
chuckadams•1h ago
Text selection is sluggish and wonky in Firefox. A bit flickery in Chrome and Safari, but otherwise behaves fine.
jasonjmcghee•1h ago
My experience in a chromium-based browser was multiline text selection was not good.

Any time you drag over space between lines, it selects something else.

dylan604•53m ago
FF142 macOS had no issues with text selection on my end.

Yet another example of how maddening it still is when designing websites that have the same experience regardless of how it is viewed.

chuckadams•30m ago
I think that's just the standard behavior of the selection algorithm with that particular layout. FF might be applying some kind of debouncing or hysteresis to keep it from flickering, but if so it's making all selection sluggish.
chrismorgan•4m ago
I do not observe any performance problem in Firefox (Nightly, Linux/Sway), and I’d say text selection is very good, except for these items:

• Caret mode (F7) doesn’t work at all.

• Triple click selects all the text on the page, rather than just that of a single <text> element as I’d have expected (in which model you’d use <text> for a paragraph and <tspan> for its lines, and thus get the normal triple-click behaviour).

• Click and drag on a text link starts selection or drags the already-selected text, rather than dragging the link so you can drop it in a new tab or such. And if you mouse up on the same link (regardless of having left it), it activates.

• If you start a selection, it is only updated while you’re moving over text. Drag past the end of the line, then down, and it should select more text, but it only actually will when you move back over text.

• If text is selected, clicking outside text doesn’t clear the selection. (Probably the same root cause.)

There are also a couple of issues specific to this document:

• Document order is not sensible. For example, it goes title, then side nav title, then footer, then body text, then “Home”, then side nav contents, then magic keyword. But this does show a broader problem: in HTML it’s not the easiest to get stupid document ordering (possible, but you have to go a little out of your way), but in SVG it will happen unless you’re careful.

• Also likely to happen unless you’re careful: multiline text sometimes lacks the trailing spaces necessary to separate words once the line break is ignored (since there’s no such thing as a line break in SVG 1.1, only a shifted cursor position). For example, “Inkscapefor” fails, whereas “willing to” succeeds.

cf100clunk•1h ago
The search term lmtbk4mh is found with Brave Search (3 hits so far, but it cannot provide a description of the SVG site). DuckDuckGo Search has zero results at this moment.
cf100clunk•1h ago
There's symmetry at this moment in the results from Brave Search and Google Search looking for lmtbk4mh.
blahgeek•1h ago
I wonder if you copying the term here in HN (with the link to that site) would pollute the benchmark dataset…
cf100clunk•1h ago
Good point. I wonder if that cat is now too far out of the bag for a deletion of my comments to be of help?
notpushkin•1h ago
I don’t think it’s that big of a problem – you can still see if the results link to the SVG website itself, and ignore everything else.
chrismorgan•1h ago
The page is old enough that it wouldn’t surprise me if Google and Bing used to index it and are capable of indexing it, but no longer do. A lot of older stuff where you know exactly what’s there just can’t be found any more.

https://www.google.com/search?q=svg.nicubunu.ro seems to surface it, with text; https://www.google.com/search?q=site:svg.nicubunu.ro gets the title, but no more text. I’m curious how it decided what the title was. I wonder if they have some kind of “choose the largest text” heuristic if a title is missing.

https://duckduckgo.com/?q=svg.nicubunu.ro and https://duckduckgo.com/?q=site:svg.nicubunu.ro don’t show a result.

lblume•48m ago
When searching for it on DuckDuckGo, the search engine found your comment via a HN frontend while not finding the original site.
lpln3452•1h ago
It's interesting that SVGs can include selectable text. Nice blog.
Karliss•1h ago
Selectable and more importantly searchable text is one of the reasons why I occasionally open Large SVG diagrams in browser instead of the usual image viewer.
lpln3452•1h ago
Right. I'd always just seen SVG as an image format. Interesting that browsers treat text inside them just like plain text.
wild_egg•1h ago
I mean, it is just plain text inside some XML tags. It'd be weirder if they treated it like text in a photo
leptons•1h ago
You can actually embed HTML inside an SVG using the foreignObject element.
DrewADesign•29m ago
I’ve done some cool things with the built-in SMIL animation too. You can control it with JavaScript and CSS… Watch out for the filters though — they can be pretty heavy compute-wise.
yomismoaqui•1h ago
Apart from using SVG the design of that page has that vintage 2000s feel... don't know why but I love it
JadeNB•1h ago
The reference to Firefox 3.0 probably helps with the vintage feel.
cf100clunk•1h ago
A "best viewed in" box would have been hilarious.
ascorbic•14m ago
It's from 2007: https://web.archive.org/web/20070730042618/http://svg.nicubu...
muglug•1h ago
Ah, reminds me of Flash websites with SEO-indexable text.
aaviator42•1h ago
Anyone have knowledge on how accessible SVGs are for folks who use assistive technologies?
p0w3n3d•1h ago
I wasn't even able to copy the text that was intended for search engines, so I guess it is not accessible
hedora•58m ago
Copy paste and pinch zoom work fine for me in iOS. Maybe switch to a better browser?
catlifeonmars•52m ago
Text selection is a little unintuitive (iOS on iPhone) If I’m not directly over the text I get a little magnified bubble instead. On plain HTML text selection is a little more forgiving if your long presses are not accurate.
p0w3n3d•34m ago
On chrome/android
behnamoh•1h ago
At this point just bring back Flash...

It was so nice and unlocked so much creativity among early web developers. unfortunately Apple contributed to its demise

papichulo2023•1h ago
Why we would do that when canvas related apis support gpu acceleration?
foofoo12•1h ago
I did wonder why they didn't just switch out actionscript for js and use plain html/svg/canvas. I'm kind of glad they didn't but I think there would have been money in doing so.
PaulHoule•1h ago
Actually they did, Adobe still makes the Flash authoring tool but they call it Animate, it exports files that work with an HTML/JS player that does almost everything Flash did.
lpln3452•1h ago
Flash did not disappear because of an unfortunate accident. It disappeared because Adobe was unwilling to fix its outdated system and rampant security flaws.
hedora•56m ago
Anyone remember the flash-block plugins to keep browsers from auto rendering malicious flash content?
lucasverra•42m ago
Jobs, 2010 https://www.webdesignmuseum.org/web-design-history/steve-job...
wslh•1h ago
For the web you can now use Cocos2d-x[1], Godot Engine[2], PixiJS[3], and/or Phaser[4].

[1] https://www.cocos.com/en/cocos2d-x

[2] https://godotengine.org/

[3] https://pixijs.com/

[4] https://phaser.io/

bob1029•53m ago
Unity also has a very good pipeline for building webgl targets. You can virtually ignore the platform concern until the very end, as long as you aren't being ridiculous with real time lighting and texture resolution.
PaulHoule•1h ago
Viewed it on iPhone in the passenger seat of my son’s 79 Thunderbird. Doesn’t reflow and is a disaster in portrait but I pinch zoomed it in landscape and it was readable.
OutOfHere•1h ago
I have used an LLM to write code in web servers to generate data plots using SVG embedded directly in web pages. This bypasses the need for PNG generation, Javascript for rendering a plot, and also the need for a plotting library. You can see two examples in the gist d29164051477ce1b2b95b788297a1932.
aleyan•59m ago
I have been using SVGs for charts on my blog for a couple of months[0] now. Using SVGs satisfied me, but in all honesty, I don't think anyone else cares. For completeness the benefits are below:

* The charts are never blurry

* The text in the chart is selectable and searchable

* The file size could be small compared to PNGs

* The charts can use a font set by a stylesheet

* The charts can have a builtin dark mode (not demonstrated on my blog)

Additionally as the OP shown, the text in SVG is indexed by google, but comes up in the image sections [1].

The downside was hours of fiddling with system fonts and webfonts and font settings in matplotlib. Also the sizing of the text in the chart and how it is displayed in your page is tightly coupled and requires some forethought.

[0] https://aleyan.com/blog/2025-llm-assistant-census

[1] https://www.google.com/search?q=%22slabiciunea+lui+Nicu+fore...

cainxinth•49m ago
That's the kind of thing you do not for the users but because of your own standards, and even if no one else appreciates it, you always do.
Theodores•27m ago
To complete the test, the website needs an HTML page that is mostly SVG. I think that might stand a chance of getting into the main search results rather than just the image search.

Also of interest for me would be whether SVG description markup gets picked up in the index.

To complete the search of possibilities, having the SVG generated by Javascript on page load would be of interest, for example, with some JSON object of data that then gets parsed to plot some SVG images.

Your SVG graphs are very neat and nobody caring is a feature not a bug. If they were blurry PNGs then people might notice but nobody notices 'perfection', just defects.

I noticed you were using 'NASA numbers' in your SVGs. Six decimal places for each point on a path is a level of precision that you can cut down with SVGOMG or using the export features from Inkscape. I like to go for integers when possible in SVG.

The thing with SVG is that the levels of optimisation go on forever. For example, I would set the viewbox coordinates so that (0, 0) is where the graph starts. Nobody would ever notice or care about that, but it would be something I would have to do.

Ciantic•7m ago
It does come up in normal results for me, I don't need to go to the images section, the page has keyword for testing lmtbk4mh, see result https://www.google.com/search?q=lmtbk4mh
lutusp•58m ago
> [ ... ] and instatisfaction [sic] for the users

In-what? Unhappiness with a statistical outcome? Discouragement with events in one's home state?

Based on the many other uncorrected typos in the example SVG, I suspect that Inkscape has everything but a spell checker.

Apropos, Inkscape is a big app and does practically everything.

fractallyte•57m ago
Svija honed the process of creating SVG websites: https://svija.com/

There are some very nice showcases at the bottom of the page. For example, 2021: https://2021.svija.love/

Previously featured on HN: https://news.ycombinator.com/item?id=33518845 [Show HN: All-SVG websites with complex animation]

pbsurf•49m ago
Another SVG website: https://styluslabs.com/
p0w3n3d•33m ago
awful readibility tbh, and not accessible at all I guess
aaaggg•36m ago
Add GSAP DrawSVG (https://gsap.com/docs/v3/Plugins/DrawSVGPlugin/) and you've nearly rebuilt Macromedia Flash!
DamnInteresting•27m ago
A few years back I updated my site[1] so all of the UI graphics (e.g., logos, icons in the menus) are SVG sprites baked into the HTML. It resulted in a lot fewer requests per page, lower overall page size, and sharp navigation on any device at any resolution. It works great, though it was a lot of initial work to get it working.

[1] https://www.damninteresting.com

ascorbic•13m ago
(2007)
youssefabdelm•7m ago
One thing I love about SVGs for websites is their stability across many contexts, browsers, etc. Everything is pinpoint, coordinate based, nothing moves around unexpectedly. You define it once, it's done.

Not Reading the News – Mo's Blog

https://mo42.bearblog.dev/on-not-reading-the-news/
1•janandonly•52s ago•0 comments

Karen Hao on the Empire of AI, AGI evangelists, and the cost of belief

https://techcrunch.com/2025/09/14/karen-hao-on-the-empire-of-ai-agi-evangelists-and-the-cost-of-b...
1•danielmorozoff•1m ago•0 comments

Michelangelo to Banksy: The art that was erased

https://www.bbc.com/culture/article/20250912-the-controversial-artworks-erased-from-history
1•pseudolus•3m ago•0 comments

Try Galaxy

https://trygalaxy.com/
1•redbell•4m ago•0 comments

Anti-Israel protests force early end to Vuelta a España cycle race

https://www.reuters.com/sports/pro-palestinian-protests-disrupt-end-vuelta-cycle-race-2025-09-14/
3•aarroyoc•8m ago•0 comments

Online RL for Cursor Tab

https://cursor.com/en/blog/tab-rl
1•madmax108•9m ago•0 comments

Js1024 Revisited in 2025

https://www.i-programmer.info/news/167-javascript/18312-js1024-revisited-in-2025.html
1•thunderbong•9m ago•0 comments

Young activists who toppled Nepal's government now picking new leaders

https://www.reuters.com/world/asia-pacific/young-activists-who-toppled-nepals-government-now-pick...
2•JumpCrisscross•13m ago•0 comments

Show HN: Yobio – A super fast, clean Link-in-Bio tool

https://www.yobio.link/
1•FabianJani•13m ago•0 comments

Show HN: Fiverr for AI Agents (Sokosumi)

https://www.sokosumi.com
2•Padierfind•13m ago•0 comments

New catalyst could make mixed plastic recycling a reality

https://phys.org/news/2025-09-catalyst-plastic-recycling-reality.html
2•PaulHoule•16m ago•2 comments

Charlie Kirk shooting suspect not cooperating authorities Utah governor says

https://www.reuters.com/world/us/charlie-kirk-shooting-suspect-not-cooperating-with-authorities-u...
1•Bender•17m ago•0 comments

Apple Unveils iPhone Memory Protections to Combat Sophisticated Attacks

https://www.securityweek.com/apple-unveils-iphone-memory-protections-to-combat-sophisticated-atta...
1•Bender•18m ago•0 comments

Remote CarPlay Hack Puts Drivers at Risk of Distraction and Surveillance

https://www.securityweek.com/remote-carplay-hack-puts-drivers-at-risk-of-distraction-and-surveill...
1•Bender•19m ago•0 comments

XAI lays off workers tasked with training Grok

https://www.businessinsider.com/elon-musk-xai-layoffs-data-annotators-2025-9
3•jdale27•20m ago•1 comments

What Happened to Mexico City's Food Scene? Americans

https://www.nytimes.com/2025/09/08/dining/mexico-city-food-restaurants.html
1•mooreds•21m ago•1 comments

How I made cycling fun again

https://proofinprogress.com/posts/2025-09-14/how-i-made-cycling-fun-again.html
1•timdaub•23m ago•1 comments

Fun with Google Scholar

https://diffuse.one/p/d2-003
1•ashvardanian•25m ago•0 comments

Common Postgres Row-Level-Security Footguns

https://www.bytebase.com/blog/postgres-row-level-security-footguns/
1•shangxiao•28m ago•0 comments

Lucia Joyce

https://en.wikipedia.org/wiki/Lucia_Joyce
1•petethomas•28m ago•0 comments

After 10 years of black hole science, Stephen Hawking is proven right

https://www.npr.org/2025/09/11/nx-s1-5537131/ligo-10-years-black-holes-hawking-theory-confirmed
1•jonbaer•29m ago•0 comments

The future is open: Answering the most common tech writing worries

https://passo.uno/tech-writing-optimism-reddit/
1•theletterf•30m ago•0 comments

3 Fatal overdoses in L.A. County linked to synthetic supplement

https://www.latimes.com/california/story/2025-09-13/synthetic-kratom-linked-to-3-fatal-overdoses-...
1•petethomas•32m ago•0 comments

Oregon mass layoffs approach Great Recession levels

https://www.oregonlive.com/business/2025/09/oregon-mass-layoffs-approach-great-recession-levels.html
2•rwc9•33m ago•0 comments

The Illusion of Diminishing Returns: Measuring Long Horizon Execution in LLMs

https://arxiv.org/abs/2509.09677
2•jonbaer•34m ago•0 comments

Rule 30 (1d) cellular automata feeding into Conway's Game of Life (2d)

https://usize.github.io/1d2d/
2•fugeesnfunions•34m ago•0 comments

I built a fitness app via spec coding with Kiro

https://devblac.github.io/post/building-a-gym-tracker-with-spec-coding/
2•blacher•39m ago•0 comments

External Secrets Operator resumes releases

https://github.com/external-secrets/external-secrets/issues/5084
1•nanibot•40m ago•0 comments

The Scientific Virtues

https://slimemoldtimemold.com/2022/02/10/the-scientific-virtues/
1•eamag•40m ago•0 comments

World emissions hit record high, but the EU leads trend reversal

https://joint-research-centre.ec.europa.eu/jrc-news-and-updates/world-emissions-hit-record-high-e...
6•saubeidl•41m ago•0 comments