animating lines with missing data

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 common problem when working with time series data, and one that is easily ignored by connecting the points that have data-- but it feels wrong and it can be misleading at best.

Tagged:

CC BY-SA

Smooth path interpolation with d3-interpolate-path

D3 provides us with many of the basic building blocks needed to make charts in browsers while also making it extremely easy to animate them. One of the most common charts created with D3 is a line chart, often consisting of a series of SVG <path> elements to visualize the data. In this post, I dissect how the animation of paths work in D3 and how they can be improved. The final result has been packed and released as a plugin d3-interpolate-path that you can use in your own line charts.

How do paths work?

Tagged:

CC BY-SA

open design kit logo image

Today, we are pleased to announce Open Design Kit - a collection of remixable methods designed to support creativity and problem solving within the context of the agile and distributed 21st century workplace. We are creating this kit to share the techniques we use within our open design practice at Bocoup and teach to collaborators so they can identify and address design opportunities. As of the publication of this post, the kit can be accessed in a GitHub repository and it contains a dozen methods developed by fifteen contributors – designers, educators, developers from in and outside of Bocoup.

Tagged:

Last year we had a successful Knight Foundation Prototype Grant-funded collaboration with the University of Washington Interactive Data Lab (IDL) to improve their Voyager data exploration tool. At the end of our collaboration we knew we wanted to work with the amazing team from the IDL again, so we were thrilled when Jeff Heer & Arvind Satyanarayan approached us to help build the next version of Lyra. Lyra is an interactive, open-source visualization environment built on top of the IDL’s Vega visualization specification language.

Tagged:

CC BY

To me, the JavaScript language is as beautiful and unexpectedly wondrous as a mini donkey. If I could propose a new cover for the book Beautiful JavaScript, I would choose this one:

Beautiful JavaScript cover with a mini donkey montage

Tagged:

The Bocoup Data Visualization Team is excited to announce the first public release of the Moebio Framework in collaboration with Santiago Ortiz and Moebio Labs. The Moebio Framework is a JavaScript Toolkit for analyzing and visualizing data in the browser.

Tagged:

We’re excited to announce the Voyager project as one of 22 recipients of a Knight Foundation Prototype Grant. The grant is designed specifically to support early-stage explorations in media and information aligned with Knight Foundation’s mission to support “transformational ideas that promote quality journalism, advance media innovation, engage communities and foster the arts.” The goal is to support the experimentation, learning, and iteration necessary for building out early projects to the next level.

Tagged:

The RICG, represented by an Ultraman-like character, arm-wrestling a web standards kaiju to a stalemate. Illustration by Sue Lockwood

Participating in the creation of a new standard means joining listservs that look like they were put together circa 1850 and asynchronous arguments in IRC channels that span any/all timezones. It means devoting your nights and weekends to learning how to tinker with specs and fighting with professional web standards reps. To get certain things done for real, you need to start attending F2F meetings—so, be prepared to buy the occasional out-of-pocket plane ticket to Europe and to burn through your vacation time. On top of it all, as a web developer, expect to have your vote count for less than that of a browser representative, and the vast majority of web standards participants are browser reps. It has all the makings of a lousy part-time job, minus the pay. Whenever I encourage web devs to get involved—to help change the power balance by sheer force of numbers—I do so with an unspoken apology.

Tagged:

Américo Vespúcio uma vez chamou a América de "Novo Mundo" quando ela ainda não era conhecida pelos nossos ancestrais. Essa é a mesma impressão que tive com a especificação do ES2015 (ECMA-262, 6th Ed.) e o novo panorama que ela traz. Tem várias coisas por vir e elas vão se manter apenas como exemplos até que a gente realmente as utilize em algum projeto. Eu sei como frameworks de testes unitários funcionam - eu sou um colaborador do QUnit - então usei esse conhecimento para explorar esse novo ambiente.

Tagged:

Amerigo Vespucci once called the Americas the "New World", as they weren't known to our ancestors. That's the same impression I've had of the forthcoming ES2015 (ECMA-262, 6th Ed.) specification and the newly evolved landscape that it creates. There are a lot of things to come and they'll remain only examples until we really use them in a project. I know how unit test frameworks should work - I'm a QUnit collaborator - so I used this knowledge to have solid land for this exploration.

Tagged: