If I'm understanding the article right, they're actually different fonts as opposed to a single font.
helpfulContrib 3 hours ago [-]
[dead]
schobi 11 hours 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.
xnorswap 8 hours 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.
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.
mechanicum 3 hours 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.”
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.
TomasEkeli 6 hours 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.
esperent 7 hours ago [-]
> hence the name
That explains the "lines" part, but whence the "sparks"?
packetslave 11 hours ago [-]
Sparklines have been around (in modern usage) for nearly 20 years (coined by Edward Tufte in 2006.
While I like the idea of using it in a graphics application, I have to say that I do not see the advantage of using it in a web application instead of a simple CSS solution.
Can someone enlighten me as to what advantage a font solution would have for displaying bar charts?
Etheryte 7 hours ago [-]
For one, it remains readable for users using accessibility devices. You can do the same for the simple CSS solution, but based on experience, nearly no one does. Accessibility should be mandatory, but unfortunately it's often at best an afterthought.
helpfulContrib 3 hours ago [-]
[dead]
zeristor 10 hours ago [-]
It would be handy if this could work in markdown, but there’s no standard, I imagine it’s possible somehow dependent on the markdown parser.
dvh 10 hours ago [-]
Why no demo image in GitHub readme?
s4i 10 hours ago [-]
There is a gif?
kazinator 10 hours ago [-]
[flagged]
renerick 10 hours ago [-]
That's ridiculous, by this measure font ligatures are also contributing to fraud. Or, heck, even fonts themselves, who stops a font from displaying A as B?
kazinator 21 minutes ago [-]
No, treating some letter sequences like fi and ffi so that the letters stick together in a certain way is not "by this measure".
> who stops a font from displaying A as B
It's noticeable; a B consistently occurs everywhere there is an A, wherever that font is used. You can't perpetrate an easter egg whereby a certain A is replaced.
We could prepare a page where every glyph appears, and detect substitutions via OCR.
With text replacement, we could look for a particular sentence, and change a word in it, without playing any games with glyphs at all. It will be undetectable in a document in which the target sentence doesn't occur.
Anyway, we can't think about not using fonts. Fonts are necessary for rendering text.
Fonts that substitute arbitrary text are not necessary. Just because I need fonts doesn't mean I need term-rewriting fonts.
We don't have to accept one threat just because there is some inevitable minor threat. That's the Package Deal informal fallacy, or something along those lines.
worthless-trash 9 hours ago [-]
A secret division, crime fighters, working hard to keep fonts safe from misinformation, they work behind the screen, tirelessly, without thanks. We call them:
The typeface police.
kazinator 18 minutes ago [-]
I suspect that your puerile mockery will come to a swift end when you discover you signed some contract that you read on the screen, but whose wording was altered by the printer.
mtillman 11 hours ago [-]
[flagged]
Rendered at 17:01:53 GMT+0000 (Coordinated Universal Time) with Vercel.
[0] https://litherum.blogspot.com/2019/03/addition-font.html
I don’t understand how the ligature knows to generate a Vertical Bar vs Bar vs Pie Chart since there no identifier to specific which to use.
https://typographica.org/wp-content/uploads/2012/01/ff-chart...
Nice, but the terms were new to me. Would have helped to explain them first.
Tufte has written up a history here: 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.
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-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.
Cool, I guess, but no spark-line.
That explains the "lines" part, but whence the "sparks"?
Also, Google is a thing.
https://news.ycombinator.com/item?id=23093815 (2020)
https://news.ycombinator.com/item?id=15223212 (2017)
Can someone enlighten me as to what advantage a font solution would have for displaying bar charts?
> who stops a font from displaying A as B
It's noticeable; a B consistently occurs everywhere there is an A, wherever that font is used. You can't perpetrate an easter egg whereby a certain A is replaced.
We could prepare a page where every glyph appears, and detect substitutions via OCR.
With text replacement, we could look for a particular sentence, and change a word in it, without playing any games with glyphs at all. It will be undetectable in a document in which the target sentence doesn't occur.
Anyway, we can't think about not using fonts. Fonts are necessary for rendering text.
Fonts that substitute arbitrary text are not necessary. Just because I need fonts doesn't mean I need term-rewriting fonts.
We don't have to accept one threat just because there is some inevitable minor threat. That's the Package Deal informal fallacy, or something along those lines.
The typeface police.