Skip to content

papermashea/major-studio-1

Repository files navigation

Shea Molloy MS1 Fall 2021 | Design Movements Documentation

Class work: Class notes, Reading notes, Data work

Branches

  • aws: cloud 9 work, live lab work
  • local: editing done locally using node in terminal and code editors
  • main: merging of all code updates from class repo and progress in aws/local

Workflow

Project 1: Quantitative

Pantone movements in color

This initial phase of the project helped me to assess the data structure and rethink my inial UI. I experimented with Tableau to more easily represent the data with the given data structure, and learned a lot about the Cooper's API specificities, limits, and methods.

Deliverables

Project 2: Quantitative

Movements [in color, in form]: adding text data

In this phase of the project, I was able to explore how the data objects function in different representations, and evaluate the feasibiity of subsets like "period", "media" and "year". I was able to explore beeswarm, wordcloud, and event handling in D3 and consider working with other data sets, which I decided against in the end.

Deliverables

Project 3: Interactive

Design Movements: Filters, interactivity, ui

In the interactive form of the project, I worked a gallery view, an origin visuaization, and the filters that would be able to be built given the final generated, flattened, and processed non-null data. Working with the finalized data gave me insight into which filters would be better handled by D3, and which views had gaps in the pattern assessment. I ended up reworking my gallery a few times in order to generate the filters cleanly using D3.

Deliverables

Final Prototype: Design Movements

New perspectives for the Cooper Hewitt collection of design objects

The final prototype is looking a lot more like what I had originally envisioned, but with a cleaner comparison on each page. I ended up paring down the cross-filter interactivity in the finalized prototype and moving forward with 3 distinctly different visualizations for color, form, and origin data. Some functions of note that helped parse the data in a largely consistent way include: d3.nest, d3.rollup, d3.filter, d3.selectAll and d3.select, d3 on(change) and general update patterns.

Abstract
Design Movements - New perspectives for the Cooper Hewitt collection of design objects
Design Movements is an interactive visualization of the digitized design objects in the Cooper Hewitt collection. It reinterprets different perspectives of the collection as a whole to provide "bird's-eye" views of color, form, and place. In looking at color over time, form by frequency, and object origins spatially, users can explore the collection from a new view and draw their own conclusions about what design means to them, and where it may go in the future.

Deliverables

Final thoughts

Given specific direction I took with the designs for this data, I had to rework or write a lot of functionality from scratch in a way I haven't had to in past projects. I feel proud of level of understanding I was able to develop along the way and feel confident that I could continue building this project out in more efficent ways.