Data Visualization and D3.js Newsletter Issue 67 Weekly Data Visualization and D3.js Newsletter

Hi Friends -

Welcome to the sixty-seventh issue of's Weekly Newsletter

Onwards to this week's links...


  • The Lyra Visualization Design Environment (VDE)
    Lyra is an interactive environment that enables custom visualization design without writing any code. Graphical “marks” can be bound to data fields using property drop zones; dynamically positioned using connectors; and directly moved, rotated, and resized using handles. By Arvind Satyanarayan and Jeffrey Heer.
  • D3.js and React.js - the future of charting components?
    Inspiration for combining React with D3 came from reading the two blog posts where AngularJS was used as a part replacement for D3.js. I was convinced that React could take Angular's place....Bringing with it the benefits of the web component style charting tags that the JSX syntax would allow me to create.

Data Visualization Reading and Videos

  • Bokeh 0.4.1 - New Release
    Bokeh is an interactive web plotting library for large and realtime datasets, combining the novel graphics of d3 with the ease of use of Python. This release includes preliminary Matplotlib support, improved plots of categorical data, a flexible hover tool, and a Scala interface for Bokeh...
  • Don’t Just Visualize Data—Visceralize It
    Can you really make the shift from visible to visceral in a data visualization simply by changing the readers’ point of view, or including a broader context for the data set?

D3.js Reading and Videos

  • D3.js and Knockout.js
    This article demonstrates how to use the D3.js and Knockout.js Javascript libraries to create a dynamic website.
  • Building Responsive Visualizations with D3.js
    Given that an important consideration when designing or building anything for the web is how it’ll behave on different devices, we’re going to look at some basic techniques that can make D3.js visualizations more responsive.
  • Ember-DC
    Ember.js Component Wrappers for DC.js. Multi-Dimensional charting built to work natively with crossfilter rendered with D3.js (DC.js).
  • Speeding Up D3.js: A Checklist
    In this post I have created a checklist that helps you identify the root causes of slowness in D3.js code and shows you how to remove the slowness.
  • Grasshopper to D3.js
    The first tool we created is a generic D3JS drawer for Grasshopper...This tool allows the user to toggle a button in Grasshopper to create a D3JS view. Views can be orthogonal or perspective and are either defined by the viewport or by an optional rectangle drawn in the Rhino model.
Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos