Topic 1 - Data-Driven Document Manipulation with D3.js Flashcards
(14 cards)
Attributes
Information about a DOM element that can include classes, IDs, and interactive behaviour, and sometimes determine appearance.
Cascading Style Sheets (CSS)
A styling language used to determine the appearance of elements in the DOM.
Document Object Model (DOM)
A programming interface for HTML and XML documents that represents the page so that programs can change the document structure, style, and content.
D3.js
A JavaScript library for manipulating documents based on data, often used for creating data visualizations.
Geometric Primitives
Simple shapes like lines, circles, and rectangles used in SVG
Method Chaining (Function Chaining)
A programming technique where multiple method calls are linked together on the same object, typically by having each method return the object itself.
Node Package Manager (NPM)
A package manager for the JavaScript programming language, used for installing and managing software packages (modules).
Properties
Information about a DOM element that typically refers to its state, such as the “checked” state of a checkbox.
Scalable Vector Graphics (SVG)
An XML-based vector image format for two-dimensional graphics with support for interactivity and animation.
Selectors (CSS Selector)
A pattern used in CSS to select the elements you want to style. Also used in D3 to select elements in the DOM.
Styles
Information about a DOM element that determines its visual appearance, such as colour, size, and borders.
Transpilers
Tools that convert source code written in one language into source code in another language, typically a more widely supported or older version.
viewBox
An attribute of the<svg>element that allows for dynamic resizing and scaling of the SVG canvas.</svg>
z-index
A CSS property that determines the stacking order of positioned elements along the z-axis (depth).