Miso Project

Bocoup, The Guardian

An open source toolkit for expediting the creation of high-quality interactive storytelling and data visualizations

See it Live

Miso is an open source toolkit designed to expedite the creation of high-quality interactive storytelling and data visualizations.

Miso consists of Dataset, a JavaScript client-side data management and transformation library; Storyboard, a state and flow-control management library; and d3.chart, a framework for creating reusable charts with d3.js.

Challenge

While working with the Guardian UK interactive team in 2012, it became evident that while JavaScript was a powerful tool for newsrooms in delivering interactive content, there was a lack of libraries focused on providing common patterns and code organization paradigms.

Solution

The Bocoup Data Visualization team, in collaboration with the Guardian Interactive team wrote the following two libraries:

  • Dataset: a JavaScript client-side data transformation and management library. Dataset makes managing client-side data easy by handling loading, parsing, sorting, querying, and manipulating data from all sorts of sources.
  • Storyboard: a JavaScript library for managing the flow of interactive content and general application control flow logic.

Subsequently, the Data Visualization team designed and developed a third library to introduce structure and patterns to the D3.js community:

  • d3.Chart: a framework for building reusable charts with d3.js.

Impact

The Miso Project libraries have been used extensively by a variety of organizations, from newsrooms to a presidential campaign. We continue to use these libraries in production and seek to grow the project as we identify needs in the visualization community.

More work like this at Bocoup