This gallery illustrates the different sparkline types that the
SVG::Sparkline Perl module generates and some of the configuration
parameters available. The grayed out lines are parameters that are not supported
for that type.
Area (Low temperatures for a month)
| |
Positive/Negative |
Positive Only |
Negative Only |
| Defaults |
|
|
|
| Color |
|
|
|
| Background |
|
|
|
| Width |
|
|
|
| Height |
|
|
|
| X padding |
|
|
|
| Y padding |
|
|
|
| Thickness |
|
|
|
| Gap |
|
|
|
| X Scaling |
|
|
|
| Mark: Index |
|
|
|
| Mark: First |
|
|
|
| Mark: Last |
|
|
|
| Mark: Highest |
|
|
|
| Mark: Lowest |
|
|
|
Bar (Monthly rainfall)
| |
Positive/Negative |
Positive Only |
Negative Only |
| Defaults |
|
|
|
| Color |
|
|
|
| Background |
|
|
|
| Width |
|
|
|
| Height |
|
|
|
| X padding |
|
|
|
| Y padding |
|
|
|
| Thickness |
|
|
|
| Gap |
|
|
|
| X Scaling |
|
|
|
| Mark: Index |
|
|
|
| Mark: First |
|
|
|
| Mark: Last |
|
|
|
| Mark: Highest |
|
|
|
| Mark: Lowest |
|
|
|
Line (High temperatures for a month)
| |
Positive/Negative |
Positive Only |
Negative Only |
| Defaults |
|
|
|
| Color |
|
|
|
| Background |
|
|
|
| Width |
|
|
|
| Height |
|
|
|
| X padding |
|
|
|
| Y padding |
|
|
|
| Thickness |
|
|
|
| Gap |
|
|
|
| X Scaling |
|
|
|
| Mark: Index |
|
|
|
| Mark: First |
|
|
|
| Mark: Last |
|
|
|
| Mark: Highest |
|
|
|
| Mark: Lowest |
|
|
|
RangeArea (High/Low temperatures for a month)
| |
Positive/Negative |
Positive Only |
Negative Only |
| Defaults |
|
|
|
| Color |
|
|
|
| Background |
|
|
|
| Width |
|
|
|
| Height |
|
|
|
| X padding |
|
|
|
| Y padding |
|
|
|
| Thickness |
|
|
|
| Gap |
|
|
|
| X Scaling |
|
|
|
| Mark: Index |
|
|
|
| Mark: First |
|
|
|
| Mark: Last |
|
|
|
| Mark: Highest |
|
|
|
| Mark: Lowest |
|
|
|
RangeBar (Monthly average and actual rainfall)
| |
Positive/Negative |
Positive Only |
Negative Only |
| Defaults |
|
|
|
| Color |
|
|
|
| Background |
|
|
|
| Width |
|
|
|
| Height |
|
|
|
| X padding |
|
|
|
| Y padding |
|
|
|
| Thickness |
|
|
|
| Gap |
|
|
|
| X Scaling |
|
|
|
| Mark: Index |
|
|
|
| Mark: First |
|
|
|
| Mark: Last |
|
|
|
| Mark: Highest |
|
|
|
| Mark: Lowest |
|
|
|
Whisker (Coin tosses)
| |
Positive/Negative |
Positive Only |
Negative Only |
| Defaults |
|
|
|
| Color |
|
|
|
| Background |
|
|
|
| Width |
|
|
|
| Height |
|
|
|
| X padding |
|
|
|
| Y padding |
|
|
|
| Thickness |
|
|
|
| Gap |
|
|
|
| X Scaling |
|
|
|
| Mark: Index |
|
|
|
| Mark: First |
|
|
|
| Mark: Last |
|
|
|
| Mark: Highest |
|
|
|
| Mark: Lowest |
|
|
|