Data Visualization

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

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

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.

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

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

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.

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

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

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 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 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

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

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

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

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

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

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

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

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 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

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

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

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.