Jonathan Fink Graphic + Web Design

Type + Technology Timeline California State University, Chico


Create an interactive timeline using that covers the last 100 years of advancements in type and technology.


I began by sketching up the curcial screens within the timeline in Illustrator. Once I had a cohesive design, I setup a very basic HTML document that would I would populate with the data provided. From there, most elements were created using D3.js and jQuery, referencing the datasets provided for the project.


  • Adobe Illustrator
  • Adobe Brackets
  • SVG, D3.js & jQuery
  • Fonts by Typekit