JS GraphicsLesson 36Free preview

Graph D3.js

This lesson is part of A.I. · All levels

Summary

Data-Driven Documents is a library for manipulating DOM and SVG based on data. We tie the data to the element, and then D3 creates or modifies the element automatically according to the data. Because of its very detailed controls, D3 is very powerful for complex interactive data visualization. (D3.js)

Key points

D3 is short for Data-Driven Documents.
D3 binds the data to the DOM/SVG element so that the visual follows the data.
The general pattern: select, data, enter, append.
It's very powerful for SVG-based interactive visualization.
It takes more code than a high-level graphics library.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.