3 ms·
This is neat and reminds me of R2D3 articles [1], how are these visualisations made? I know the hard way is hand-coding every aspect with D3, is there any simpl
by codedeadlock 4y ago
This is neat and reminds me of R2D3 articles [1], how are these visualisations made? I know the hard way is hand-coding every aspect with D3, is there any simple framework that helps out in creating visual stories like these?
[1] - http://www.r2d3.us/visual-intro-to-machine-learning-part-1/ http://www.r2d3.us/visual-intro-to-machine-learning-part-1/
- lvl102 4y agoHave you tried Vega? It sits on top of D3.
- jwilber 4y agoEach article's specific resources are listed at the bottom of the articles, but you're right - right now the articles are made using D3, IntersectionObserver API (for scrolling), and vanilla js. Newer articles use svelte instead of vanilla js, for the following reasons: declarative markup makes constructing charts easier, component-scoped styles make collaboration easier, reactivity allows easy sharing of events between charts, and responsiveness is much, much easier (reactive width/height). No simple framework exists yet per se, they pretty much all require getting down and dirty on the dataviz side of things. That said, there is some good progress on the interactive article side, the best of which I can think of is Matthew Conlen's Idyll: https://idyll-lang.org/docs https://idyll-lang.org/docs