From monoliths to components with D3
This talk explores a different approach to building charts with D3 that follows the existing patterns of components and data-joins and adds some new ones too. We’ll also look at some funky ideas along the way such as using Flexbox for styling SVGs, and new patterns.
Most charts are monoliths; the more features they provide, the more expansive and complex their APIs become. D3 has for a long time provided a different perspective. Rather than a complex charting-specific API, it is a low-level toolkit, ideal for creating data-driven visualisations. However, that low-level nature can mean that simple chart construction becomes a complex task.
There are a number of charting libraries built around D3, but by wrapping D3 they lose its awesome power and start travelling down the ‘monolith’ route once again.There must be a better way!
YOU MAY ALSO LIKE:
- WebAssembly And The Future of JavaScript (SkillsCast recorded in July 2018)
- Advanced JavaScript Workshop with Damjan Vujnovic (Online Course on 8th - 12th February 2021)
- React & Redux: Web Application Workshop with Damjan Vujnovic (Online Course on 3rd - 7th May 2021)
- FullStack eXchange 2021: The Conference on JavaScript & Node (Online Conference on 21st - 22nd July 2021)
- F# for a Real World E-commerce Project (SkillsCast recorded in October 2020)
- Nagareyama: a new Fable, faster, more powerful and easier to use (SkillsCast recorded in October 2020)
Thank you to our sponsors and partners
Platinum
From monoliths to components with D3
Colin Eberhardt
Colin's business card says 'Technology Director' and he works at a UK-based software consultancy, however, he thinks of himself as a technology enthusiast. Colin has been working in software for many years, and has never stopped exploring, learning and creating. He writes a lot, speak a lot and code a lot. He likes telling stories, he likes his presentations to have a narrative. He likes people to feel educated, but more than anything else, he wants them to just enjoy it and have fun.