#108: Using Chartwell

Chartwell is a font specifically for making simple and beautiful pie charts, bar charts, and line graphs. It's as simple as writing out simple equations like 40+20+25+15. In desktop software like Adobe Illustrator, you control the graph by writing out the formula in that font then turning on ligatures. On the web, the formula is in text and you apply the font via @font-face and a JavaScript polyfill for ligature support. Browser support goes back even to IE 6.

Links from video:


  1. User Avatar
    Alfred Larsson
    Permalink to comment#

    is it just for me the video is messed up?

    • User Avatar
      Permalink to comment#

      No, it’s not just you. Clicking on the video, I could tell that it was doing something but in 15 minutes never showed a lick of video. So I clicked on the “download video file” button and it did open a “quicktime player” and gave the first half-measure of music at full screen size before it stopped, became posturized and did nothing for 10 minutes. SO, I right clicked and chose “save link” and it now is downloading the .mov file and the display say’s that it will take more than an hour. Chris has clearly begun doing something different on his screencasts as I have watched nearly every one for over two years without problems. I just wish he would tell us what we needed to do/change in order to keep up with the “latest and greatest” methods he uses. If these are being recorded at much higher quality (which I can’t see why he would with the results of his ‘how fast is your isp’ poll) then we should expect longer downloads; BUT, they way my browser handles it, there is NO indication of what’s happening.

  2. User Avatar
    Permalink to comment#

    @Alfred, no mate i’m having issues here also with the HTML5 version. Watching now in Flash version, seems perfect.

  3. User Avatar
    Permalink to comment#

    Thanks!!! I’ve been looking for something like this.
    Sparklines are powerful in web pages.

  4. User Avatar
    Permalink to comment#

    Thanks for the video, Chris. I’ve been meaning to buy Chartwell and this was just the kick I needed.

    In case anyone’s reading this who is interested in Word support, you can turn ligatures on and off. Here’s information: http://office.microsoft.com/en-us/word-help/opentype-options-in-the-font-dialog-box-HA101809106.aspx#_Toc249949575

  5. User Avatar
    Permalink to comment#

    You could make an awsome color picker with this.

  6. User Avatar
    Permalink to comment#

    First off, you were not boring at all :)

    Second. I got a question for you. What kind of recording software and hardware are you using? I am asking because I’m trying to make screencasts as well but they just don’t wanna be as cool as yours. Is that because you’re using a Mac? :)

    And lastly, that font feature is really interesting. Though at this point I’m not exactly sure where I can use it, but I’m sure that time will come and I’ll really appreciate that feature. For the time being, I can use it only for impressing my hot colleague Sue. That one thing can be worth using it. ;)

  7. User Avatar
    Permalink to comment#

    Mr Chris , Please do not make video with too large size , so we can easy download :)
    thank you.

  8. User Avatar
    Permalink to comment#

    The problem may be from codecs.. Anyway, Chris, I realy don’t like html video because they sux. They shouldn’t be used until they are full compatible and works great.

  9. User Avatar
    Rick Lamers
    Permalink to comment#

    Chris, PLEASE use YouTube to host your videos. Sublime Video sucks. I can’t watch the video at all. I just can’t get it to render more then 10 seconds. And I have 8 Mbit internet!

  10. User Avatar
    Bill Turner
    Permalink to comment#

    Hi all, just wanted to say this is working fine for me? Maybe Chris has fixed it now? Cheers

  11. User Avatar
    Permalink to comment#

    Ok, the font was cool to begin with. Then when you got to the part about using it on the web and the possibilities of dynamic charts, my mind was blown. I can see a lot of cool possibilities with this. Some people just make cool stuff. Thanks for introducing me to this.

  12. User Avatar

    In the 3 months since you made this screencast it looks like Font Font have taken over distribution and the @font-face is no longer available. A damn shame.

Leave a Comment

Posting Code!

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.