Looks interesting! I’ve been looking for a simple bar/line chart component that doesn’t add megatons of size to my build. How much would this add – ballpark estimate?
Unovis: Data visualization for React, Angular, Svelte, TypeScript, JavaScript
51–55 of 55 posts
Re: Unovis: Data visualization for React, Angular, Svelte, TypeScript, JavaScript
#52Earlier quoted context omitted.
You've cited D3 but I notice that you haven't mentioned Observable's Plot[0], a Javascript GoG that wraps D3. They're both Mike Bostock libraries, so Plot is the pseudo-"blessed" D3 high-level abstraction layer. [0] https://observablehq.com/@observablehq/plot
I'm not up to speed on the latest -- thanks for linking this, it looks great! I've shied away from Observable, I didn't quite like the lock-in to their notepad-like env, and all the examples following what to me felt like a backward style. It's great to see they've produced a higher-level complement to d3.
[deleted]
Re: Unovis: Data visualization for React, Angular, Svelte, TypeScript, JavaScript
#53Earlier quoted context omitted.
You've cited D3 but I notice that you haven't mentioned Observable's Plot[0], a Javascript GoG that wraps D3. They're both Mike Bostock libraries, so Plot is the pseudo-"blessed" D3 high-level abstraction layer. [0] https://observablehq.com/@observablehq/plot
I'm not up to speed on the latest -- thanks for linking this, it looks great! I've shied away from Observable, I didn't quite like the lock-in to their notepad-like env, and all the examples following what to me felt like a backward style. It's great to see they've produced a higher-level complement to d3.
I empathize - I was a little worried about what would happen to my work if Observable shut down.
But the lock-in is less severe these days. The parser, runtime and standard lib are all open-source, so you can run a full notebook in VSCode https://marketplace.visualstudio.com/items?itemName=GordonSm...
I've come to appreciate the non-standard extensions they've made to JS too - the reactive cell model has greatly reduced the amount of code I've needed to write compared to a hypothetical React equivalent. It's my #1 platform for my small side projects these days.
I'll quickly note for anyone uncertain - Plot is pure JS so it doesn't have to be used in an Observable notebook. Will run anywhere D3 does.
Re: Unovis: Data visualization for React, Angular, Svelte, TypeScript, JavaScript
#54Earlier quoted context omitted.
In a similar vein, my experience is that most visualizations that people are commonly making are reaching for what is available in R. https://r-graph-gallery.com/ggplot2-package.html
The biggest difference IMO is that there is no default data representation that 99.99% of people use in javascript like pandas/dataframes/numpy/zoo in python/R. I would even say javascript has better visualization libraries than GGplot but because there is no javascriptDataframe.plot('line') the visualization libraries end up down their own path because of different data representations. My experience also is that ev…
Agreed, I think. Though, ggplot is very tough competition. And a lot of the niceties of small multiples and such are going to be a super power for folks using them.
Re: Unovis: Data visualization for React, Angular, Svelte, TypeScript, JavaScript
#55I'm a sveltekit user and the default SSR really complicated adding a chart library. Would Unovis work with SSR? Appreciate the Svelte support!
Until a better library comes out, I'd highly recommend using Layercake with Sveltekit. It's a wrapper around D3 which allows you to build reusable components that are responsive and can load server side without JS on the client. It's not as plug and play as some libraries, but it's not too bad, and gives you a lot more customization options: