UtahJS 2015
An introduction to d3js
Justin McMurdie
Software Engineer
Overview
- What is D3js
- Common uses of D3.js
- Charts
- SVG
- D3.js libraries
- Intro to SVG & D3.js
- Building a chart
What is D3.js
- Data Binding Library
- Arbitrarily Binding Data to the DOM
Common Uses of D3.js
Chart Libraries
built on D3.js
- Prebuilt Charts
- NVd3
- pykcharts
- Support Library
- d3.chart
Intro to d3js
What can d3js do?
Budget Proposal: http://goo.gl/XrfzHw
French First Names: http://goo.gl/bGCnpn
National Convention: http://goo.gl/u9rlIf
Paragraphs (Blog) part 1
(HTML is gross)
Paragraphs (Blog) part 2
(D3 way)
Paragraphs (Blog) part 3
(Same as part 2)
Introduction to SVG & D3js
SVG at a glance
- XML structure
- Draws with Painter's Algorithm
XML structure
Painters Algorithm
"Painter's algorithm" by Zapyon - Own work. Licensed under CC BY-SA 3.0 via Commons
presentation
.enter(code)
Enter Update Exit
BL.OCKS
http://bl.ocksplorer.org/
bl.ocks.org
Learning d3js
Fin
Resources
- d3js.org
- http://bost.ocks.org/mike/chart/
- bl.ocks.org
- https://github.com/TheMcMurder/UtahJS2015Confd3js
- http://bl.ocksplorer.org/