Skip to content

Releases: graphieros/tiny-spark

v1.2.0

23 Feb 11:50

Choose a tag to compare

Add support for temperature gradient colors

image

Any number of colors can be passed to the data-temperature-colors attribute.
The feature is enabled as soon as this array of colors is not empty.

data-temperature-colors='["#dd3b13","#45d95d","#6748d5"]'

Docs website is updated

v1.1.0

30 Sep 06:15

Choose a tag to compare

Add optional gradients

v1.0.0

29 Sep 06:10

Choose a tag to compare

Add support for null values

v0.6.1

01 Jul 18:31

Choose a tag to compare

New: tooltip smoothing transition

New config attribute to control the smooth transition of the tooltip from datapoint to datapoint:

data-tooltip-smoothing (default: 1, the smaller the slower. Ideal range from 0.7 to 1.5)

Enregistrement.de.l.ecran.2025-07-01.a.20.30.29.mov

Docs are up to date

v0.5.1

01 May 14:50

Choose a tag to compare

Add bar chart option

  • use the data-type="bar" to create a line chart

  • target the .tiny-spark-datapoint-bar css class to customize the looks of the bars (stroke, stroke-width, rx, etc)

image

DEMO is up to date

v0.4.3

29 Apr 03:51

Choose a tag to compare

Improve accessibility

v0.4.2

20 Apr 04:30

Choose a tag to compare

Fix: Show last label value immediately in case of single datapoint.

v0.4.1

16 Apr 14:18

Choose a tag to compare

Show last value

image

Use the following data attributes to show and setup the display of the last value:

data-show-last-value="true" // or 'false'
data-last-value-color="red" // any color format will do
data-last-value-font-size="14"

DEMO

v0.3.1

16 Apr 11:24

Choose a tag to compare

Set pointer-events to 'none' on datapoint circles

v0.3.0

05 Apr 14:41

Choose a tag to compare

Hide plots above a given dataset length

Use data-hide-plots-above="100" to hide plots above a given dataset length. On hover, the plot will be visible :)
In this example, plots will be visible if the length of the dataset is <= 100.

Documentation is up to date