DevToolBox

SVG Sparkline Generator

Generate inline sparkline charts from data - line, area, and bar styles

Data Input

7 data points

Chart Settings

Preview

SVG Code

<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
  <polyline points="0,50 33.33333333333333,28.571428571428573 66.66666666666666,42.85714285714286 100,14.285714285714285 133.33333333333331,35.714285714285715 166.66666666666669,0 200,21.42857142857143" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
</svg>

About Sparklines

Line Charts

Simple polyline connecting data points, ideal for trends

Area Charts

Filled area below the line with gradient, shows volume

Bar Charts

Vertical bars for each data point, easy comparison