Sparkline Generator

Generate inline sparkline SVGs from comma-separated numbers. Configure dimensions, color, fill, and line width.

Data (comma-separated numbers)

Width

Height

Color

Stroke Width

Fill area

Opacity:0.20

Show dots

Preview

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="50" viewBox="0 0 200 50">
  <path d="M2,48 L16,40.33 L30,48 L44,25 L58,43.4 L72,32.67 L86,17.33 L100,37.27 L114,9.67 L128,28.07 L142,21.93 L156,12.73 L170,32.67 L184,2 L198,25 L198,48 L2,48 Z" fill="#3b82f6" fill-opacity="0.2" stroke="none"/>
  <path d="M2,48 L16,40.33 L30,48 L44,25 L58,43.4 L72,32.67 L86,17.33 L100,37.27 L114,9.67 L128,28.07 L142,21.93 L156,12.73 L170,32.67 L184,2 L198,25" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  
</svg>

Was this page helpful?

Sparkline Generator

Related tools