holtzy

No idea what this means. Having 8 AI reading my website instead of humans makes me quite sad. What a weird world we live in!

Thanks! Glad to know it can be helpful!

That's the thing with wrapper libraries: amazing at the beginning, but quickly becoming frustrating.

There aren't so many polished matplotlib charts out there. So I'm not even sure if chatGPT would be good at it.

There are countless stunning charts available on the web, many of which are crafted using programming languages like R.

Tired of hearing doubts about matplotlib's capabilities, I've curated and translated a collection of impressive charts using Python and matplotlib.

Explore them all with detailed tutorials and reproducible code at:

https://python-graph-gallery.com/best-python-chart-examples/

This is a very good question as performance is a key struggle in Data Visualization. Swizec answer below is great.

I will write more about performance soon. But using several layers of canvas is definitely the way to go in most situation to put it in a nutshell

All the map sections are not ready yet. But they will be soon!

Nice thanks!

Animation is the trickiest part of dataviz on the web IMO.

I like react-spring but there are sooo many approached. All with pros and cons.

I'll write more about it soon!

If 1 day you need to compute the position of all the rectangles in a treemap, you will understand how handy d3.js is.

D3.js is split in 2 types of functions:

- "math" - rendering

Math functions cannot be avoided for sure

I also have the d3 graph gallery. It shows only simple charts which ease the learning curve

d3-graph-gallery.com

Ever heard about ggplot2 ?

www.r-graph-gallery.com

I agree a LOT with the comment below.

D3.js comes with function that modify the DOM. This is react job too. So using both together can be a challenge.

It's fully static and hosted on github. It won't go dark. (And I'm actively working on it :) )

Many great books exist for d3.js.

For d3.js AND react, it is missing for now IMO

Thanks! Glad to hear this!

Substack is just the tool I use for the newsletter!

The website is made using Next.JS

Nope. Charts are added to the DOM using SVG or Canvas.

You can: - call d3.axis in a useEffect - Or create your own axis component rendering some svg. It is not so hard actually.

Thanks!

How does Svelte makes the code more declarative and Componentized than with React ?

Yes I know about VisX.

The approach is kind of in-between what I suggest and what a classic JS library like Vega does.

It is definitely a very good abstraction imo!! But I'm always scared to be stuck with a customisation I cannot do because of a layer of abstraction.

Thanks a lot for the nice feedback!