Code Explainers

Code explainers tagged #data-visualization

typescript
type RGB = readonly [number, number, number];
 
interface ColorStop {
  offset: number;

Interpolating a color gradient in TypeScript

interpolation data-visualization color
Intermediate 8 steps
javascript
function sparkline(values, { width = 200, height = 40, stroke = '#2563eb', fill = 'rgba(37,99,235,0.12)' } = {}) {
  if (!Array.isArray(values) || values.length < 2) {
    throw new RangeError('sparkline requires at least two data points');
  }

Rendering a sparkline as SVG

svg data-visualization coordinate-mapping
Intermediate 8 steps