Posts tagged design

Categories
JavaScriptWeb PlatformNode.jsOpen SourceWeb ApplicationsTestingStandardsDeploymentTrainingnodebotsAll Tags

Npm By Numbers, an Analysis and Visualization of the npm Ecosystem

Many of us use npm on a daily basis to manage our 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? We set out to answer some of those questions in September of this year and are really excited to […]

New Experiments in CSS Tooling

CSS is awful, but it doesn’t have to be that way. For example, new languages that compile to CSS like Stylus, Less, and Sass have made it much less painful to lay out and style web projects. However, these projects are limited: they provide delicious, delicious sugar, but ultimately they are using the same core […]

Working with D3.js and Canvas: When and How

We can create charts quickly when working with D3.js and standard DOM elements, but that comes with a key limitation: the number of nodes we can render is fairly small. Have you ever tried to render a scatterplot with 1000+ circles in SVG? If you have, then you’ve probably seen your browser crumble under the […]

Announcing MobileVis – Data Visualization on Mobile Devices

Back in January, we announced the receipt of a Prototype Fund grant from Knight Foundation to explore the question: how does one design data visualization for mobile devices? Why are we asking this question? Data Visualization is common in everyday communication online and in print media. As consumers shift to mobile devices for their daily […]

CSS: Should we change the default for overflow?

For the CSS overflow property, should auto or hidden be the default instead of visible? If you write a lot of CSS, there is a good chance your immediate response would be “no way!” But hear me out! There are several awesome benefits to one of these being the default, and in my opinion, many […]

Visualizing OpenVisConf: Analyzing 10 hours of video

Bocoup recently hosted OpenVisConf and we wanted to think of a fun and useful way to present the proceedings. We created a visualization that uses the slide transitions in speaker videos to produce a visual overview of each video. You can see the result here. You can click on the colored rectangles to expand them […]

bl.ocksplorer.org – Learning d3.js by Example

We’ve been working quite a bit with d3.js here at Bocoup. From working on d3.chart to our work with clients like Climate Central. Regardless of our endeavor, one thing stayed true – we rely on the many examples out there showing off how to use various esoteric features of d3.js. Many of these examples live […]

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

Announcing: Data Visualization Best Practices on Mobile Devices – Our New Knight Foundation Prototype Grant

Translating data visualization to smaller resolutions is a challenge that can’t be solved with responsive design techniques alone. New interaction models and different visualization techniques are required to accomodate smaller interfaces. We’ve spent a lot of time thinking about this problem as part of our consulting work and are very excited to be one of […]

Nom: My Process For Designing a Restaurant Site

In the world of web design it’s more common to condemn or praise existing work than it is to talk about the actual process of creating something great. For example, over the years I’ve complained more and more about restaurant websites. I don’t just mean the ones that play background music, rely on Flash, use […]