Posts about datavis
Categories
- Mar 25 2015
Introducing Learn JS Data
Learn JS Data is a new guide introducing JavaScript as a language that can support data processing and manipulation. While there are many great tutorials and examples for doing data processing in other languages, there appeared to be a deficiency of resources on data munging in JavaScript. And so, we have started to fill in […]
Continue ReadingIntroducing Learn JS Data- Tagged in:
- data analysis,
- data visualization,
- tutorial
- Dec 19 2014
Using SVG Patterns as Fills
Back in the day, before color printers (or printers at all), people still had to make good data visualization. One way to do that was by using patterns instead of solid colors to indicate changes in scale or category. For example, take a look at this set of pie charts, using different patterns for different […]
Continue ReadingUsing SVG Patterns as Fills- Tagged in:
- data visualization,
- design,
- tutorial
- Dec 08 2014
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 […]
Continue ReadingNpm By Numbers, an Analysis and Visualization of the npm Ecosystem - Jul 17 2014
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 […]
Continue ReadingWorking with D3.js and Canvas: When and How- Tagged in:
- data visualization,
- design,
- tutorial
- Jun 19 2014
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 […]
Continue ReadingAnnouncing MobileVis – Data Visualization on Mobile Devices - May 29 2014
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 […]
Continue ReadingVisualizing OpenVisConf: Analyzing 10 hours of video- Tagged in:
- data analysis,
- data visualization,
- design
- Apr 07 2014
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 […]
Continue Readingbl.ocksplorer.org – Learning d3.js by Example - Feb 21 2014
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 […]
Continue Readingd3.chart v0.2: Iterating on Reusability - Jan 23 2014
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 […]
Continue ReadingAnnouncing: Data Visualization Best Practices on Mobile Devices – Our New Knight Foundation Prototype Grant- Tagged in:
- data analysis,
- data visualization,
- design
- Dec 10 2013
Counting Uniforms in WebGL
For a recent consulting project I was attempting to render some fairly complex skeletal animations in WebGL on Firefox and Chrome. I quickly ran into a situation where the animation was rendering on Linux and Mac computers, but not on Windows. All the test machines had up-to-date graphics drivers, but the Windows machines threw a […]
Continue ReadingCounting Uniforms in WebGL- Tagged in:
- data visualization,
- design,
- performance