Skip to content

Latest commit

 

History

History
35 lines (24 loc) · 2.46 KB

examples.md

File metadata and controls

35 lines (24 loc) · 2.46 KB
Raw

Displaying charts in text without having to use code

Sparks, now in its second release, is a family of 15 fonts (three variants in five weights each) that allows for the easy combination of text and visual data by removing the need for any technical know-how. By installing the Spark font you can use them immediately without the need for custom code.

Data can be hard to grasp however 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 and using them in word documents was previously impossible.

Other types of chart are available

The different spark fonts allow for a degree of flexibility in the way different types of data can be displayed.

Bars

  • Bar extra narrow: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Bar narrow: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Bar medium: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Bar wide: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Bar extra wide: 123{0,100,10,90,20,80,30,70,40,60,50}987

Dots

  • Dot extra small: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dot small: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dot medium: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dot large: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dot extra large: 123{0,100,10,90,20,80,30,70,40,60,50}987

Lines

  • Dotline extra thin: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dotline thin: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dotline medium: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dotline thick: 123{0,100,10,90,20,80,30,70,40,60,50}987
  • Dotline extra thick: 123{0,100,10,90,20,80,30,70,40,60,50}987

Further usage examples can be found as Observable notebooks