Bocoup transforms raw data into compelling, visually engaging experiences using Open Web technologies. From research and data analysis to visualization design and development, we partner with organizations in industry and academia to build custom tools and visualizations that inspire and inform.

Our Past Data Visualization Work

Measurement Lab

New America

Bocoup worked with Measurement Lab, a partnership between New America’s Open Technology Institute, Google Open Source Research, Princeton University’s PlanetLab and other supporting partners, to transform, visualize and broaden access to the results of hundreds of millions of network diagnostic tests from around the globe.

HMS LINCS Breast Cancer Browser

Harvard Medical School

We built a first-of-its-kind interactive visualization tool to explore breast cancer biology and drug response using React and D3.js.

Microservice Networks

Buoyant

Bocoup worked with Buoyant to research, design, and prototype new ways to visualize hidden networks behind microservice architectures for an interactive dashboard tool.

Lyra – Visualization Design Environment

University of Washington Interactive Data Lab

We used React, Redux and Immutable.js to create a robust and extensible architecture for Lyra. Additionally, we produced and implemented designs for Lyra’s overall user interface and a new set of learning guides such as hints and walkthroughs.

JSI Clinic Efficiency Dashboard

JSI Research & Training Institute

Bocoup worked with JSI to design and build a WordPress-powered application to empower family planning clinic and service site managers to transform their quality improvement metrics into insights and actionable data. The resulting web application enables clinics to improve efficiency while providing more informed, higher quality service for their patients.

Voyager

University of Washington Interactive Data Lab

The Bocoup Data Visualization team collaborated with the Interactive Data Lab at the University of Washington to make custom exploration and analysis of data more accessible to a wider audience with Voyager, a visualization browser for open-ended data exploration.

Syria Conflict – Interactive Maps

We worked with the award-winning global news site GlobalPost to produce interactive map-based visualizations for their story about the conflict in Syria.

The World Economic Forum logo superimposed over a faded line-chart, set on a green background

Global Competitiveness Report

World Economic Forum

The World Economic Forum’s Global Competitiveness Report assesses the landscape of 144 economies, providing insight into the drivers of their productivity and prosperity. Working with the Forum, we defined a data management workflow and built a publishing system for the Forum’s global indexes, indicators, and economy profiles. We also designed and built reusable and responsive data visualizations (using d3.chart) and user interfaces for exploring the Report.

Stereotropes

Bocoup

Stereotropes is an interactive visualization experiment from the Bocoup Data Visualization team. It explores a set of tropes authored and tracked by the community on the TV Tropes website. Specifically, this project focuses on gender and the differences between words and associations for male and female tropes.

OpenVis Conf

Bocoup

OpenVis Conf is an annual conference organized by Bocoup's Data Visualization team. Each year, the conference draws attendees from all over the world, including top-caliber speakers from the cutting edge of data visualization, to discuss best practices in data processing, storytelling, visual design, code structure, and implementation using the latest and greatest technology and tools on the Open Web.

Surging Seas Risk Finder

Climate Central

Bocoup's Data Visualization team worked with Climate Central to develop an interactive tool for providing local regions and policy makers with the tailored local information they need to understand and respond to the risks of sea level rise and coastal flooding.

Moebio Framework

We worked with Santiago Ortiz and his team to improve and open source the Moebio Framework, a JavaScript toolkit for performing data analysis and creating canvas-based visualizations. This framework allows developers to easily work with various data types in the browser and offers a performant graphics API for creating interactive visualizations.

JSI Family Planning Performance Dashboard

JSI Research & Training Institute

Bocoup helped JSI design, develop, and deploy a WordPress-powered dashboard for visualizing public health data and metrics. The dashboard helps Title X grantees keep track of progress across a core set of metrics while keeping data anonymized, relevant, and easily accessible on a wide array of mobile and web devices.

Council for Economic Education, Learning Activities

Council for Economic Education

We worked with the Council for Economic Education to build interactive classroom activities around economic concepts. These enhanced activities are designed to allow teachers to make better use of instructional time, help students to explore cause-and-effect relationships between variables, and increase collaboration and active learning.

NPM By Numbers

Bocoup

Many developers use NPM on a daily basis to manage server-side and client-side dependencies, but do we know what goes on behind the scenes? What does the NPM ecosystem look like from 10,000 feet? Learn how we set out to answer these questions through an interactive data visualization investigating the state of NPM.

The Guardian – Somalia Famine Interactive

The Guardian

In July 2011, the UN formally declared famine in two regions of Somalia. This interactive looks at aid flows, media coverage, web searches, and twitter mentions to examine how the world engaged with the crisis before, during, and after the famine.

We worked with journalists, data scientists, and designers at the Guardian UK to assemble a narrative and to design the story flow and visualizations throughout the interactive.

MobileVis

Knight Foundation

The Bocoup Data Visualization team built a platform for collecting, annotating, and sharing examples of visualizations designed for mobile and tablet screens. MobileVis aggregates patterns that can inform those who need to design visualizations for smaller screens.

The Guardian – US Food Aid Interactive

The Guardian

We collaborated with the Guardian journalists, data scientists, and designers to design and build an interactive narrative around data about US food aid programs.

Miso Project

Bocoup, The Guardian

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.

Visualizing Data with D3.js Training

Bocoupers from the Data Visualization team designed and offered a project-based course to enable JS developers to get up to speed quickly on D3.js and to provide a strong foundation for further learning through independent study or project work.

Bl.ocksplorer

Bocoup

We collected thousands of D3.js examples and created a user-friendly interface for finding examples of specific API usage.

Learn JS Data

Bocoup

Brought to you by Bocoup, Learn JS Data is a free online guide introducing JavaScript as a language for enabling data processing and manipulation. It's a quick yet thorough resource using a small set of libraries to make JavaScript data processing a breeze.