5 ms·

Seems like a spark or sparkline describes a bar graph, rendered inline in regular text. There is some font magic to render {30,60} as small bars in the text. N

by schobi 2y ago

Seems like a spark or sparkline describes a bar graph, rendered inline in regular text. There is some font magic to render {30,60} as small bars in the text. Nice, but the terms were new to me. Would have helped to explain them first.

packetslave 2y ago
Sparklines have been around (in modern usage) for nearly 20 years (coined by Edward Tufte in 2006. Also, Google is a thing.
xnorswap 2y ago
Sparklines are not bar graphs, they're lines, hence the name. If you have a copy of Tufte*, you can find them on page 171. Tufte has written up a history here: https://www.edwardtufte.com/notebook/sparklines-history-by-tufte-1324-to-now/ https://www.edwardtufte.com/notebook/sparklines-history-by-t... This tool doesn't really create sparklines, but it does create small charts, although given it is delivered via custom font, it's usefulness is limited. * And anyone interested in displaying information is doing themselves a disservice without a copy of "The Visual Display of Quantitative Information" by Tufte.
- esperent 2y ago
  > hence the name That explains the "lines" part, but whence the "sparks"?
- TomasEkeli 2y ago
  Thankyou! I was starting to question myself looking at those small bar-graphs. That's not a spark-line! Cool, I guess, but no spark-line.
- mechanicum 2y ago
  > This tool doesn't really create sparklines, but it does create small charts The gif at the top doesn’t demonstrate everything included. From the text: “There are currently three variations: bars, dots, and dot-lines (line charts with tiny dots at the joints between segments), each of which has five weight variants.” See also their examples page: https://beta.observablehq.com/@tomgp/after-the-flood-i-sparks-i-typeface https://beta.observablehq.com/@tomgp/after-the-flood-i-spark... I’d call delivery as ligatures a trade-off. Much easier to make it scale with text on the web when embedded inline, it’ll match the text colour for free, and the underlying numeric data are trivially retrievable and machine-readable. Compare the example on the Sparkline wikipedia page, which don’t scale with the text and are almost invisible when using their own dark mode.

by schobi 2y ago

packetslave 2y ago

Sparklines have been around (in modern usage) for nearly 20 years (coined by Edward Tufte in 2006. Also, Google is a thing.

xnorswap 2y ago

Sparklines are not bar graphs, they're lines, hence the name. If you have a copy of Tufte*, you can find them on page 171. Tufte has written up a history here: https://www.edwardtufte.com/notebook/sparklines-history-by-tufte-1324-to-now/ https://www.edwardtufte.com/notebook/sparklines-history-by-t... This tool doesn't really create sparklines, but it does create small charts, although given it is delivered via custom font, it's usefulness is limited. * And anyone interested in displaying information is doing themselves a disservice without a copy of "The Visual Display of Quantitative Information" by Tufte.

esperent 2y ago
> hence the name That explains the "lines" part, but whence the "sparks"?
TomasEkeli 2y ago
Thankyou! I was starting to question myself looking at those small bar-graphs. That's not a spark-line! Cool, I guess, but no spark-line.
mechanicum 2y ago
> This tool doesn't really create sparklines, but it does create small charts The gif at the top doesn’t demonstrate everything included. From the text: “There are currently three variations: bars, dots, and dot-lines (line charts with tiny dots at the joints between segments), each of which has five weight variants.” See also their examples page: https://beta.observablehq.com/@tomgp/after-the-flood-i-sparks-i-typeface https://beta.observablehq.com/@tomgp/after-the-flood-i-spark... I’d call delivery as ligatures a trade-off. Much easier to make it scale with text on the web when embedded inline, it’ll match the text colour for free, and the underlying numeric data are trivially retrievable and machine-readable. Compare the example on the Sparkline wikipedia page, which don’t scale with the text and are almost invisible when using their own dark mode.