Vector image
A vector image represents visual content using mathematically defined geometric shapes and paths rather than a fixed grid of pixels.
D3.js in Action, Third Edition
A vector graphic is an image represented by mathematical descriptions of geometric shapes rather than by fixed pixels.
- How it is used
- Builds scalable, DOM-based marks for D3.js data visualizations.
- How deep it goes
- Explains SVG shapes, coordinates, attributes, grouping, and responsive sizing through a complete gallery.
- Examples
- Builds a labeled gallery containing lines, rectangles, circles, ellipses, paths, and text.
- What you can do after
- Build it from scratch as a responsive SVG shape gallery with positioned and styled elements.
Read how D3.js in Action, Third Edition explains vector image →
Everyday Data Visualization
A digital image represented by geometric paths and shapes that can be resized without loss of resolution.
- How it is used
- Uses path-based graphics to create and refine scalable data visualizations.
- How deep it goes
- Explains paths, fills, strokes, formats, scaling, and tool specialization, but stops short of implementation details.
- Examples
- Uses SVG, EPS, PDF, Illustrator, Figma, coded charts, and a stroke-versus-path scaling comparison.
- What you can do after
- Apply it via SVG workflows and choose vector or raster tools for a visualization’s scaling and editing needs.
Read how Everyday Data Visualization explains vector image →
Related concepts
- bitmap imagecontrasts with · A bitmap image is a raster representation of visual content as a grid of individually encoded pixels.
- SVGincludes · SVG, or Scalable Vector Graphics, is an XML-based standard and file format for describing scalable, resolution-independent two-dimensional vector graphics.
- boundary representationequivalent to · Boundary representation is a solid-modeling scheme that defines an object through its bounding faces, edges, vertices, and their connectivity.
- curveuses · A curve is a continuous or piecewise-continuous geometric path or representation of a relationship between variables.
- coordinatehas part · A coordinate is a numerical value or ordered set of values specifying a position relative to a coordinate system.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.