TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Beautiful and simple sparklines with source code

11 pointsby rantfoilover 14 years ago

5 comments

aw3c2over 14 years ago
Terrible examples. He says "Sparklines (...) are small infographics designed to convey large amounts of information "inline" with the text" and then shows a big graph. He then continues "From the general shape the graph, the reader is able to get a sense for the general trend (upwards)" which is absolutely not true. The graph is too wide to see the upwards trend easily and since there are no horizontal guide lines I say most people don't notice it.<p>There is some news site that embeds tiny sparklines of company's stock history actually inline with the text. That's good use of them.
ursablancoover 14 years ago
I'm sure there's great uses for these things, but currently they're a solution in search of a problem. This is wishful thinking:<p><i>"The last data point, annotated with text and a dot tells the reader the value, allowing them to intuitively set the scale for the rest of the graph."</i><p>If the HTTP return codes is the killer application for sparklines, I couldn't say. I'd have to wonder, though, if this were a mission critical issue: Would you do the same thing?
wccrawfordover 14 years ago
Having only 1 point annotated means that you can't tell the scale of the graph. Are those little tiny changes over time, or extremely massive ones?<p>I can't imagine anything I would find this useful for, and if I tried to use it for something for management, they'd ask the scale as their first question.
vincentchuover 14 years ago
Hey guys, thanks for the feedback. I've added in code that will also annotate the first point. See:<p><a href="http://img.skitch.com/20100917-c7yqhxg74hq6tr97sfubshc441.png" rel="nofollow">http://img.skitch.com/20100917-c7yqhxg74hq6tr97sfubshc441.pn...</a>
jarinover 14 years ago
Kind of useless without the actual source code, isn't it?