Live data from Hacker News

An SVG is all you need

jon.recoil.org

111–120 of 155 posts

Re: An SVG is all you need

#111
post #82

Earlier quoted context omitted.

Very cool. Are you a dancer yourself?

Heh, thanks. I wish I was a dancer. That said, the founder who hired me to work on this is a dancer. He hired me because he liked the fact that during the interview, when asked "what do you know about dance", I responded "I used to crip walk when I was in high school", so I was the top choice just for that, haha. Edit: the Founder is Axel Villamil, and he's super charismatic. Y'all are going to love him. Here's him t…

That is the best reason I've ever heard a developer win an interview with.

Re: An SVG is all you need

#113

I still wonder why PDF remains so prevalent and why it can't just be a single SVG file for each page of the PDF.

There are many things that are missing with SVG. For example, putting all the pages in a single file, encryption, forms, etc.

Also note that different browsers might render and print the same SVG differently, which is not ideal for a print-oriented format.

Re: An SVG is all you need

#114

I agree with the author when they write: """ In my idealistic vision of how scientific publishing should work, each paper would be accompanied by a fully interactive environment where the reader could explore the data, rerun the experiments, tweak the parameters, and see how the results changed. """ I do like seeing larger labs/companies releasing research full of SVGs. In recent memory, I quite liked this from NVIDI…

Even just allowing GIFs or videos to be embedded would be a value add.

Re: An SVG is all you need

#115

I agree with the author when they write: """ In my idealistic vision of how scientific publishing should work, each paper would be accompanied by a fully interactive environment where the reader could explore the data, rerun the experiments, tweak the parameters, and see how the results changed. """ I do like seeing larger labs/companies releasing research full of SVGs. In recent memory, I quite liked this from NVIDI…

This really reminds me of a new paper [1] from my colleagues. All figures in the paper link to a website, where the figures can be reproduced and dynamically changed in the browser from the source data. It's really cool, it is a static website that runs DuckDB, WebR, and ggplot. Here [2] is an example for the first figure.

[1] Paper: https://www.cs.cit.tum.de/fileadmin/w00cfj/dis/papers/clouds...

[2] Figure 1: https://tum-dis.github.io/cloudspecs/?state=N4IgzgjgNgigrgUw...

Re: An SVG is all you need

#116
post #40

Even though the article is mostly talking about visualizations, but I thought I'd share that I did at one point build a dance choreography software that renders the UI entirely SVG. I was surprised as to how well that worked. If you're curious, it's called StageKeep, and you can find it here. https://stagekeep.com/ The original project used React Three Fiber, but refactored it to SVG for reasons I don't quite remembe…

This is a brilliant piece of software and I've had a blast learning about it.

I would LOVE to see this feature: pass it a video, get a formulated choreography based on that video. For example, take a Project21 or Avantgardey video, do some AI/ML voodoo, import their choreography.

Think that'd be possible?

Re: An SVG is all you need

#117
post #101

Earlier quoted context omitted.

Sadly, seems there is not. But the artist has still the web page up he used for the installation: https://heikkihumberg.com/chess/ He said he used ipads as renderers. And even one grid may have looked different back in the day than that page now, as the font might be different. The SVG just uses system fonts and the chess pieces are just unicode characters.

Cool thanks. Is there a way to control the speed. When I load a single SVG into browser, it runs through the whole game in a flash. (Edge shows animation; chrome and firefox show static image for me)

There are three timeouts defined in the SVG / embedded javascript code, on lines 66-68 (https://github.com/jnykopp/svg-embedded-chess/blob/a24249729...)

You can increase COMP_MOVE_TIMEOUT (which is now 1 millisecond) to, say, 100 milliseconds.

RESET TIMEOUT defines how long the game is paused after game is finished to let the viewer to see the result, and NEW_GAME_START_TIMEOUT defines how long to wait before doing the first move when a new game is started.

The static image may be because of some browser security mechanisms; served as raw from GitHub the SVG is not animated for me either on Firefox, but when I download the SVG and view it from local drive in Firefox, it works. (It did work when served from GitHub at some point in history, though.)

Re: An SVG is all you need

#118

Two years ago I re-vamped my "Spurious Correlations" side project, which is mostly just a bunch of charts. However, I couldn't find a charting software I liked that would display clean, simple visuals with the constraints I wanted. (I had used pCharts and HighCharts in the past, but didn't like charting in Javascript or PHP.) I decided to "roll my own" and write Python scripts that outputted SVG markup. I was worried…

Thanks for making that website. I used examples from it in the first day of my statistics course ("by the end of this course you won't make these kinds of mistakes").

Glad to hear it! The use in stats courses is the main reason I keep it alive.

Re: An SVG is all you need

#119

Earlier quoted context omitted.

The JS is exposed in the full page's context the same as if you included a under a instead of . In much the same way, whether the is before or after the tag doesn't matter - it's just a script working on a single DOM (with different namespaces for certain elements) either way.

I guess the point is you can give a single .svg file with the js inside. But you can also give a single .html with svg and js inside.

[deleted]
Post reply on HN