Show HN: I made first declaritive SVG,canvas framework

[tmdeoans]

https://flitter.pages.dev

you can make your own chart or diagram easily than using d3

[tomgp]

This looks interesting but I’m pretty sure it’s not the first declarative charting tool. (Eg Vega https://vega.github.io/vega/)

[tmdeoans → tomgp]

I wanted to leave a comment here to say thank you. Surprisingly, creating charts in JSON format was one of the first ideas that came to mind when I was developing with Flitter, but it seems it already existed.

[isodev]

Very cool! D3s have always been hard to make. This is excellent.

> Why Did We Copy Flutter? Because Even Google’s Castoffs Produce Greatness!

haha indeed, flutter had some amazing insights into syntax and state management so it’s cool to see some of these finding new life.

[viraptor → isodev]

That's exactly my thought. D3 is great, but just doesn't mesh with my brain. I have to relearn it every time and it takes stupid amount of effort. I'll try this next.

For even simpler declarative diagrams I'm a fan of Vega http://vega.github.io/

[acomjean → viraptor]

We use the slightly simpler vega-lite from the same group. It typically gets us most of the way there quite quickly. Downloads as svg and png is great.

They always ask for something out of scope and you have to dig a little through the docs (can we have long labels for our x axis, how about 60 categories for a scatter plot..). /rant. We haven't hit anything that couldn't be done though.

Its from the same team, just a more simple wrapper around D3.

https://vega.github.io/vega-lite/

[ricardobeat]

Are there any examples to play with? The carousel in the page doesn’t have any links.

(if the title can still be edited, I would suggest “I’ve made a declarative SVG & Canvas framework”, don’t think it has a claim to be the first)

[tmdeoans → ricardobeat]

https:://easyrd.dev

<-- it's the diagram example made of flitter (this is sideproject and reference is dbdiagram)

[ComputerGuru]

FYI s/declaritive/declarative/ if you can still edit it.

[ulrischa]

Very cool. But why a special syntax? Would be nice to use css for styling

[tmdeoans → ulrischa]

thanks for suggestion. but css is not usable when I handle canvas

[emigrantdd]

it's actually very interesting and very simmular, I'm a flutter developer. For me looks very interesting actually

[tmdeoans → emigrantdd]

If you have any question. feel free to join discord: https://discord.gg/kUZp4SaHzF

[alexanderson]

This website looks like a blatant ripoff of the design of the Remix website. https://remix.run

[your_challenger]

Love the dig at Flutter