The ABC of Data Visualization
summary
Announces D3-chart, a Miso/Boku framework that turns D3 code into reusable, instantiable charts; demonstrates a concrete circle chart built from layers and data binding, shows API features like lifecycle events (enter/update/merge/exit plus transitions), and standard D3-style getters/setters for configuration. Breaks reusability into four principles — repeatable, configurable, extensible, composable — and proves extensibility by extending a circle chart with labels and composing charts via mixins. Repo is live, documented, and ships several example charts.
AI-written summary · about
chapters (6)
- 0:00Introduction to D3 Chart
- 2:05Principles of reusability
- 4:16D3.js crash course
- 6:50Building a chart with layers
- 9:52Configuring and extending
- 11:51Composability and conclusion
related talks
51mD3 js: Easy and flexible data visualisation using Web standards
42mIntroduction to d3 and Data-Driven Charts
48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript
28mGetting Started with D3.js
32mD3 and React, Together
26mHooked on D3: Creating Animated Ch(art)s with D3 and React
49mAtypical Diagrams with Advanced d3.js
20mIntro to LayerChart