Brian Swedberg bwswedberg

This demo shows how to implement a minimap for visualizations that require a lot of real estate. In some cases, a minimap could prove useful in fulfilling Ben Shneiderman's Visual Information Seeking Mantra. D3.js data joining makes minimap implementation an easy task. Inspiration includes,

• Minimap/Mini-viewer and later code editors like Atom's Minimap, Sublime, VSCode, and others
• Tidy Tree
• Collapsible Indented Tree

Data: Flare courtesy Jeff Heer.

This example demonstrates how to create a gradient that follows a stroke or path of a spiral. This method breaks the stroke into segments and uses stroke-linecap: round; to make the segments overlay and appear connected. The naive approach might useful if your stroke or path is relatively simple and you do not need a high level of precision.

Similarly, Gradient Along Stroke (Naive) shows how this method could be used in contrast to Mike Bostock's robust miter joint method demonstrated in Gradient Along Stroke.