Viewing a saved revision (read-only)
ed02dd7c001347469fa44b1703a3769f
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. The idea is that this can integrate with the VizHub API and generate high resolution images for print