Searching for art

Getting Started with VoiceOver & Accessibility

If you are a web developer working on a Mac, you can become a hero for thousands of people out there by assuring that anything you create for the web can be read properly by a screen reader. This blog post is going to teach you how to access and wield this super power that […]

Exploring New Technologies for Making Maps. Vector Tiles & WebGL (Part One)

Maps are both practical and political. They possess undoubtable utility for navigating the physical world and have a long history of being used to shape and reshape the our social and political conceptions of the world. The ability to mark a territory, carve up a continent (or remember one), count a people, or map our […]

CC BY-SA

Showing Missing Data in Line Charts

While working on visualizing the results of internet speed test data for Measurement Lab, it became clear that there wouldn’t always be data for every geographic location on every single day. We might go several days without meeting a minimum threshold of tests, meaning there would be gaps in our data. This is a pretty […]

CC BY-SA

How BoxArt Provides Fast DOM Animations

Our last article about BoxArt showed how to use BoxArt’s Animated component to animate a tile-dropping game built in React. This time, we are going to look at some features of how Animated optimizes animations for performance. The Beastliness of Layout Thrash There’s a performance nightmare constantly threatening when you’re animating in the browser. As […]

Animating React Elements with BoxArt

Have you ever tried writing animations into a website? It’s complicated. There’s lots of room for error, and no tool seems to fill every animation need. Recently, while writing some DOM-based games, the Bocoup team realized there wasn’t existing software for all of the projects’ animation needs. To help fill the gaps, Bocoup created BoxArt, […]

Accessibility Wins: Start with the foundations

Welcome to the first post in our Accessibility Wins series, which will detail techniques you can use today to improve the accessibility of your web projects. Through this process, you’ll gain insight into how we think about accessibility here at Bocoup. First up is the foundation on which it all rests: writing good HTML and […]

Introducing BoxArt: A Library to Help Build HTML Games

We’ve been busy building some Open Web Games at Bocoup. As we did so, we realized there was a dearth of resources for making performant, fun web games using the DOM. Most material aimed at game developers focuses on canvas rendering, and there aren’t many resources for web developers that show them how to use […]

CC BY

Mapping the Conflict in Syria – a Design Process (Part 1 of 2)

We’ve been very lucky this last month to join the excellent journalists and editors at GlobalPost on their journey to document the conflict in the Middle East. Several months ago, GlobalPost reached out to us for help with several new long narratives they had in the works. The first narrative, which focuses on the state […]

Vintage Visualization Restoration – Bump Chart Edition

As a side project, I decided to reimplement a classic bump chart visualization using JavaScript and D3. Check it out here. My Introduction to the Bump Chart This bizarre but majestic visualization was originally created for the 1890 US Statistical Atlas by the wonderfully talented Henry Gannett. It provides a look at the most populated […]

d3.chart v0.2: Iterating on Reusability

It’s been about eight months since we announced d3.chart, and today we’re excited to release a new version of the framework for creating reusable visualizations. We’ve strived to incorporate as many of the lessons we learned in the eight months since the initial release. For detailed explanations of these changes, see our migration guide and […]

CC BY-SA

Contact Us

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

Mail

P.O. Box 961436
Boston, MA 02196