The Archive of a Designer

Project Type: Interactive Visualization (JS, D3.JS, React)

View the project here

Background

It's common for designers to collect artifacts to use for inspiration (at least it is for me), and over the years I have collected business cards, post cards, posters, art, books, and more that mave made a home throughout my apartment. In order to keep track and to create my own personal archive I decided to create an easy to use visualization and inferface. With the project I wanted to practice linking visual variables and data through smooth interactions. Hovering over an artifact should seamlessly reveal and reinforce the type of artifact and location allowing a viewer to learn more about the origins of each item.

Navigation
GIF showcasing how the interface is used and the types of artifacts shown.
Additional Filtering
GIF showcasing a hidden feature to filter the data by countries
Compiled Data
GIF showcasing a hidden feature to filter the data by countries
Iterations

Version 1

Version 1 of the Designer's Archive visualization.

Version 2

Version 2 of the Designer's Archive visualization.