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

Hi Friends -

Welcome to issue 151 of the Weekly Newsletter.

Onwards to this week's links...


  • Introducing The Moebio Framework
    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...

Data Visualization Reading and Videos

  • Week 43: A Week Of Trying New Things
    On week 43 we challenged ourselves to truly go off the path of the ordinary: we would try to do as many new things as possible, activities we would never do on a regular basis...
  • Taking Pictures With Flying Government Lasers
    A few weeks ago, the Environment Agency released the first tranche of their LIDAR survey data. This covers (most of) England, at varying resolution from 2m to 25cm, made via LIDAR airborne survey...It’s great fun. After a bit of back-and-forth (and hastily figuring out how to use QGIS), here’s two rendered images I made of Durham, one with buildings and one without...
  • Mapping Ear Plug Hotspots
    Where noise complaints are made most overtime in New York, San Francisco and Seattle...Whether you’re buying or renting a home, it’s important to get a sense of what it’s like to live in the neighborhood before you move in. The typical amenities, such as restaurants, shops, schools, and grocery stores are relatively easy to look up. What’s not as obvious is how noisy it gets...
  • Needles, Haystacks, And The Canvas API
    Rendering and animating a lot of objects while maintaining the interactivity we want to deliver is one challenge we sometimes face as creators of data visualizations...In this post, I will demonstrate a technique for implementing mouse interaction when using HTML5 Canvas and provide some code snippets you can adapt to your visualizations if you are in a similar situation where you want to render lots of points in a visualization without sacrificing performance...
  • Developers At The Times Create "Axis": A High-level Framework To Create Interactive Charts
    We needed the ability to quickly generate charts for the web in a style that was consistent with the site’s design. There had been a few attempts to build things like this; we considered using Quartz’s Chartbuilder project for quite some time, but ultimately felt its focus on static charts was a bit limiting. From this, Axis was born, which is both a customisable chart building web application and a framework for building brand new applications that generate interactive charts...

D3.js Reading and Videos

  • Old Timey Charts With D3.js And Patternfills
    The best reason to create pattern-filled charts is to make them look old timey. In this example we are going to recreate this chart from the wonderful book: "Graphic Presentation" by WILLARD COPE BRINTON S.B...
  • d3.layout.odmap: D3 Layout For od-maps
    d3 layout helper for origin-destination visualizations (od-maps). Using the helper one can switch between various visualizations without and data handling. Explore the examples here..
  • D3.js And Blender: Vertical Plot For CPI Of Japan
    This is a post for exploratory purpose...I also made a stone tablet by Blender. The holes on the stone was made by displace modifier using the png image of the chart...The concept came to me since I felt the chart looks like a stone of tree of life in the animation movie, “Ghost in the Shell”.

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