After the flood | Projects | AtF Spark


132 bookmarks. First posted by moleitau 17 days ago.


Data Visualisation, Product Design, Service Design, Information Design
Font  Design 
2 days ago by pauldlynch
inline charts within a font
data  design  font 
2 days ago by kit
AtF Spark is a font that allows for the combination of text and visual data to show an idea and evidence in one headline. This builds on the principle of Sparklines defined by Edward Tufte and makes them easier to use. Sparklines are currently available as plugins or javascript elements. By installing the Spark font you can use them immediately without the need for custom code.
design  fonts  datascience  visualisation 
4 days ago by ssorc
Can charts be shown in text without using code?”

Data can be hard to grasp – visualising it can make comprehension faster. Sparklines (tiny charts in text, like this: 123{10,20,30,40,50,60,70,80,90,100}789) are a useful tool but creating them for the web has always required code. Removing the need for code makes it more accessible. If you can use type, you can use Spark.
font 
4 days ago by jcsiegrist
Put simple graphs in-line with text without needing code by using this unique spark font which makes use of contextual alternatives
5 days ago by Vlahn
Data Visualisation, Product Design, Service Design, Information Design
typography 
5 days ago by yamilsalinas
AtF Spark is a font that allows for the combination of text and visual data to show an idea and evidence in one headline. This builds on the principle of Sparklines defined by Edward Tufte and makes them easier to use.
fonts  sparklines 
5 days ago by fogfish
Data Visualisation, Product Design, Service Design, Information Design
data  fonts 
5 days ago by cbotwell
"AtF Spark is a font that allows for the combination of text and visual data to show an idea and evidence in one headline. This builds on the principle of Sparklines defined by Edward Tufte and makes them easier to use. Sparklines are currently available as plugins or javascript elements. By installing the Spark font you can use them immediately without the need for custom code."
font  design  data  visualization 
5 days ago by kasei
Sparklines in text, using a font
sparklines 
7 days ago by pks
To use Spark all you need is a font file, some text, and an application that can make use of OpenType Contextual Alternates, e.g., a new-ish web browser, Microsoft Word, Adobe Illustrator. Spark data needs to be formatted as comma-separated values, with curly brackets at both ends of the set, e.g. via Pocket
8 days ago by laurajnash
Data Visualisation, Product Design, Service Design, Information Design
sparklines  font 
8 days ago by kejadlen
a free font that can turn numbers into sparklines
data  design  font 
9 days ago by trentgn
Sparklines OpenType font. Genius:
from twitter
9 days ago by wspr
Data Visualisation, Product Design, Service Design, Information Design
font  design 
9 days ago by bentsai
Data Visualisation, Product Design, Service Design, Information Design
9 days ago by griffey
Font-based sparkline charts. That is some widlly clever typographical shit right there.
data  font 
10 days ago by alasdairw
After the flood | Projects | AtF Spark
from twitter
10 days ago by jackysee
Data Visualisation, Product Design, Service Design, Information Design
font  charts  data  visualization  typography  opensource  design  sparkline 
10 days ago by e2b
Inspired by Tufte’s sparklines, @AftertheFloodco's typeface turns typed numerals into inline data visualizations. https://t.co/ktf5yxVuRM
– chris nyffeler (nyff) http://twitter.com/nyff/status/908410307927838728
fav  via:packrati.us 
10 days ago by adamprocter
AtF Spark is a font that allows for the combination of text and visual data to show an idea and evidence in one headline. This builds on the principle of Sparklines defined by Edward Tufte and makes them easier to use. Sparklines are currently available as plugins or javascript elements. By installing the Spark font you can use them immediately without the need for custom code.
visualization  fonts  Edward-Tufte 
10 days ago by rexarski
Sparkline font from After the floood
fonts  visualization  charts 
10 days ago by mycotn
A font for sparklines The best
design 
10 days ago by sch
Comments
s 
11 days ago by igorette
5562{4,27,48,37,60,40,56,54,59,62,37,63,30,59,75,68,50,40,47,30,5,9,50,74,59,75,100,92}7501
data  design  font  fonts  sparklines  cool  dataviz 
11 days ago by orphu
Wait a second… [sparklines](https://en.wikipedia.org/wiki/Sparkline) generated from a font! Mind blown! 🤓 Tools & Toys has a good [article on this with examples](http://toolsandtoys.net/atf-spark-typeface/).
11 days ago by thingles
RT @maxgadney: We've just launched Atf Spark, our code-free sparkline typeface. Download it here
11 days ago by probablytom
This is incredibly slick: a font that uses fancy features of the OTF format to allow you to create in-line sparklines. I'll be on the lookout for use cases.
visualization  typography 
11 days ago by DGrady
AtF Spark – Inline charts through font magic
from twitter
11 days ago by nn
A font to make sparklines in seconds
font  sparklines  spark 
11 days ago by saltcreek
Data Visualisation, Product Design, Service Design, Information Design
web 
12 days ago by wurlitzer
transform data to sparklines
font  data  design 
12 days ago by marb
Data Visualisation, Product Design, Service Design, Information Design
typography 
12 days ago by natelandau
Data can be hard to grasp – visualising it can make comprehension faster. Sparklines (tiny charts in text, like this: 123{10,20,30,40,50,60,70,80,90,100}789) are a useful tool but creating them for the web has always required code. Removing the need for code makes it more accessible. If you can use type, you can use Spark.
fonts  typography  data  design  visualization 
12 days ago by patrick
sparklines font
data  design  fonts  dataviz 
12 days ago by lokuo

“Can charts be shown in text without using code?”

Data can be hard to grasp – visualising it can make comprehension faster. Sparklines (tiny charts in text, like this: 123{10,20,30,40,50,60,70,80,90,100}789) are a useful tool but creating them for the web has always required code. Removing the need for code makes it more accessible. If you can use type, you can use Spark.


Neat trick using a font to render a sparkline.
fonts  sparklines  design  data  visualization 
12 days ago by micktwomey
sparklines font
design  visualization  type 
12 days ago by pb
sparkline font. neat.
data  design  font  sparklines 
12 days ago by jkriss
sparklines font
design  font  fonts  data  viz 
12 days ago by rdonoghue
charts in text without code
hit_list 
12 days ago by jyoungblood
Data can be hard to grasp – visualising it can make comprehension faster. Sparklines are a useful tool but creating them for the web has always required code. Removing the need for code makes it more accessible. If you can use type, you can use Spark.
typography 
12 days ago by talles
Data Visualisation, Product Design, Service Design, Information Design
12 days ago by guido
Data Visualisation, Product Design, Service Design, Information Design
data  design  fonts  font  sparklines  charts  opensource  sparkline  graph 
12 days ago by agscala
123{10,20,30,40,50,60,70,80,90,100}789
sparklines  font 
12 days ago by billyt555
ATF Spark font examples
github repo w/ webfont here: https://github.com/aftertheflood/spark
fonts  sparklines  visualization  graphing 
12 days ago by masukomi
font for sparklines
sparklines  Web 
12 days ago by bhyde