Viewing a saved revision (read-only)
9512ebdd1baf49e7bff43a2a390efaa7
Syntax Highlighting for Print
This example shows how to render JavaScript source code as a styled, print-ready image using syntax highlighting. It uses Prism.js to apply Solarized Light syntax highlighting and line numbers to a code snippet from a D3 visualization. The styling, including a custom font and rounded border, is achieved with CSS. The code itself demonstrates the `renderCircles` function, which uses `selectAll`, `data`, and `join` to bind and update circle elements.
AI-generated descriptionThis is what I'm using as a way of styling code snippets for my upcoming textbook "Constructing Visualizations". Since the syntax highlighting and styling capabilities of LaTeX are limiting, I wanted to use a custom image generation pipeline for source code images designed for print.