We closed our Data Visualization offering in August 2017. We're maintaining this page as an archive of work from the team.

Data Visualization

The Datavis team at Bocoup was founded by Irene Ros in 2013. Irene built a team of data visualization and data science experts and together they created precise, engaging, and beautiful interactive data-driven visualizations that communicated clearly and allowed users to derive meaningful insight.

As data scientists, the team explored and analyzed our customers data to find answers to questions about their research, business needs and products. As visualization designers and engineers they prototyped interfaces to explore data interactively and created compelling visualizations to match our customers' goals. As product developers they helped our customers turn their data product visions into reality, building for the web across the full spectrum front-end implementation, full-stack web applications and ETL data pipelines.

We are very proud of the teams work, and excited to see them carry forward our shared values in their new roles. You can read about Bocoup's new direction here.


Our Past Data Visualization Work

Enabling researchers to investigate breast cancer biology and drug response through exploratory visualizations.

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.

Visualizing Microservice Architectures with Buoyant

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.

Designing and building a better user experience and technical architecture using React and Redux.

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.

Assisting Family Planning Clinic Managers to Track and Drive Service Improvements with a Clinic Efficiency Dashboard

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.

Making data exploration and visual analysis more accessible with Voyager

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.

Processing, analyzing and visualizing 800,000,000+ speed tests.

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.

Visualizing the migration of Syrian refugees through interactive mapping

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.

Illuminating Global Drivers of Productivity & Prosperity

Global Competitiveness Report | World Economic Forum

Find out how we worked with the World Economic Forum to build interactive and engaging visualizations for the Global Competitiveness Report to illuminate the global drivers of productivity and prosperity.

Exploring the language used to describe male and female tropes in films

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.

Bringing together Data Visualization Practitioners on the Open Web

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.

Providing local regions and policy makers with tailored local information to understand and respond to the risks of sea level rise and coastal flooding

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.

A JavaScript toolkit for performing data analysis and creating visualizations

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.

Making Health Data Actionable

Responsive Family Planning Dashboard | JSI Research & Training Institute

JSI worked with Bocoup to develop and ship this dashboard to help Title X grantees keep track of progress across a core set of metrics while keeping data anonymized, relevant, and accessible.

Building tangible interactive classroom activities to support economics education

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.

Exploring patterns in the NPM software package ecosystem

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.

Harnessing interactive data visualizations to engage readers with global news

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.

Collecting patterns and examples of data visualization use on mobile devices

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.

Harnessing interactive data visualizations to engage readers with global news

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.

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

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.

Building with D3.js through project-based learning

Visualizing Data with D3.js Training | Public

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.

Aggregating valuable d3.js example blocks for faster learning

Bl.ocksplorer | Bocoup

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

Data manipulation, munging, and processing in JavaScript

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.

Recent from the Blog

Getting Started with Shiny

Do you know a bit of R and have some data you need to visualize quickly? In this blog post we take a look at…

Read more About Getting Started with Shiny

Bocoup Data Visualization Goes Exploring

The Bocoup Data Visualization team will be at the Eyeo Festival in beautiful Minneapolis this week. We’re looking forward to learning, getting inspired, and meeting…

Read more About Bocoup Data Visualization Goes Exploring

Exploring New Technologies for Making Maps (Part Two): Two Fragment Shaders and a Mouse

In part one of this series we started learning how to make maps rendered by WebGL, a browser based hardware-accelerated graphics API for 2D and…

Read more About Exploring New Technologies for Making Maps (Part Two): Two Fragment Shaders and a Mouse

Contact Us

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


P.O. Box 961436
Boston, MA 02196