Beyond the bar graph: Creative visualization with D3.js
summary
Builds a solar‑system SVG from a CSV using d3.csv and the bind enter‑append pattern, maps diameters with d3.scale.linear, sets classes for CSS coloring and runs simple transitions. Claims D3 is a DOM‑manipulation DSL not a chart library, notes integration with Backbone/Angular for data loading, warns about responsiveness being manual and a concrete performance failure when rendering 13,000 SVG elements. The demos work but require careful scaling and event strategy to stay performant.
AI-written summary · about
chapters (6)
- 0:00Start
- 0:35Data Visualization
- 6:13Create an Svg Container
- 16:45Animation Transitions
- 18:04Benefits to Creating Visualizations
- 23:24Where Do You Find the Best Place To Go To Learn
related talks
51mD3 js: Easy and flexible data visualisation using Web standards
48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript
28mGetting Started with D3.js
29m"Hand Coded Artisanal Data-Visualization"
47mSVGs beyond mere shapes
39mSVG Charts and Graphics with Ruby
29mSVGs beyond mere shapes
12mBattle-Tested Techniques for Animation & Data Viz