c3 VS d3

Looking here: https://github.com/c3js/c3/issues/2831

I've been using https://c3js.org/ forever with vue. Works with v3 just fine. However, I'm very interested to see what others are using.

C3 is a very efficient D3 based chart visualization library. C3 library is fast to render, has good compatibility across browsers, and is very simple to integrate. If you're looking for no-frills, C3 is a decent choice.

GitHub stars: 9.1K(github.com)

Have you tried c3js ? a lot of those would be harder without d3

C3.js

This is the source code for the distill pub you linked to: https://github.com/distillpub/post--visual-exploration-gaussian-processes. I dug through the code a little and believe most of the interactive visuals were created with d3.js. That's certainly 1 of the options you can use to recreate the same type of visuals. d3 is incredibly powerful (it's the tool professional news organisations use for their visualisations) but also rather complex. If you are new to Javascript in general, it might not be the most practical choice.

I can recommend d3.js. Might be overkill here, but you can do really cool stuff with it.

Best one for React is VISX which is built on top of D3.js.

Probably the most popular is D3 https://d3js.org/

Some context: D3.js (https://d3js.org) is a popular and influential JavaScript library for building data-driven visualizations. There are a zillion awesome examples of using it to create all variety of diagrams with animations, interactivity, and live data sources. Arguably, D3 doesn't know much about any specific type of visualization, but it's the toolkit to assemble whatever you want.

Observable Plot is a related library which focuses on the higher level task of generating specific common plots and charts.

Compare a bar chart in D3 (https://observablehq.com/@d3/bar-chart) with Observable Plot (https://observablehq.com/@observablehq/plot-bar). The former involves creating SVG elements, the latter is just a function call.

The APIs are worth studying because they've decomposed visualization into elemental components that can be recombined. Using D3 can be like writing React for the first time, requiring a new mindset.

Both libraries come from the same prolific author, Mike Bostock (@mbostock here), who previously worked on visualizations for the New York Times. Mike's new company, Observable (https://observablehq.com), a very thoughtful take on computational notebooks, is also worth a look.

I've been secretly hoping he'll take on Graphviz next.

d3