Miso Project

Bocoup, The Guardian

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

View project

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.

Contact Us

We'd love to hear from you. Get in touch!

Mail

P.O. Box 961436
Boston, MA 02196