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

Hi Friends -

Welcome to the eighteenth issue of's Weekly Newsletter .

Onwards to this week's links...


  • Data | Visualization | Art?
    When it comes to the aesthetic aspect of data visualizations, many times I feel like a nine year old girl (which is very strange) in a candy store who is blinded by all the pretty colors and shapes. Yes indeed, this example might not be the ideal way to start a critical approach on any object of study, but somehow it grasps the experience certain visualizations can provoke.

Data Visualization Reading and Videos

  • Introducing HumanGeo’s Leaflet Data Visualization Framework
    At HumanGeo, we’re fans of Leaflet, Cloudmade’s JavaScript web mapping framework. In fact, we like Leaflet so much, we’ve been using it in all of our web projects that require a mapping component. As a side project at HumanGeo, we’ve been working on extending Leaflet’s capabilities to better support visualizing data, and these efforts have produced HumanGeo’s Leaflet Data Visualization Framework.
  • Making The Beautiful Table
    Several months ago, I began to ask "are we providing the best solution given the tools available?" about one of my passions: football ("soccer" to us yanks). I wondered if how we communicate basic football information such as standings, results, and schedule could be improved through design. So with a sketchbook and Macbook in hand and Tufte's sage words on my mind, I went to work.
  • The Case For Information Visualization
    Data visualization is all over the place. On the hype curve, we’re clearly up in the area of inflated expectations. If you listen to the reporting, you wouldn't be blamed for thinking dataviz is going to bring world peace! I’m writing to beat the drum in favor of more informal presentations. You can tell better data stories, and engage your audience more, by creating less formal data presentations.
  • Strategies For Avoiding The Spaghetti Graph
    It seems that I have a distaste for any chart type that has food in its title. My hatred of pie charts is well documented. Donuts are even worse. Here's another to add to the list: the spaghetti graph. Haven't seen one before? Oh, but surely, you have. They look something like this...

D3.js Reading and Videos

  • Getting Started With D3.JS - Christophe Viau
    As we shared on our blog a few months ago, our Business Infographic Designer and data visualization tools are powered by D3. js. For those of you interested in learning more, the following is a post full of resources and examples that I originally posted on my personal blog. I welcome any comments or questions here, or on Twitter at @d3visualization and @Datameer.
  • SVG Crowbar
    A bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine no matter how you choose to generate your SVG.
  • Designing a Reusable Line Chart in D3.js
    One of the generated assets from Dex will be a couple of pure Javascript library of reusable D3 assets which take the burden out of charting. It will be and extension on Mike Bostock’s concept of reusable charts discussed here. However, I have added a few capabilities that will make them even simpler to implement and hopefully more powerful and interoperable.
  • Random Walk in Configuration Space - @MonsieurCactus
    Based from two tutorials: d3.js Bar Tutorial (Michael Bostock) and Basic SVG Shapes and d3.js (DashingD3js) and a Mathoverflow post: What do Heat Kernels have to do with the Gauss-Bonnet Theorem...? So I made up a story: Two dudes run around a circular track holding a string and i'm recording the angle of the string with respect to horizontal.

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