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

Hi Friends -

Welcome to the fifty-ninth issue of's Weekly Newsletter

Onwards to this week's links...


  • The Most Amazing, Beautiful And Viral Maps Of The Year
    Great maps were everywhere in 2013. Some seemed destined to go viral. Some were stunning to see. Others had noble intentions and interesting stories to tell. Lots were made by people who aren't professional mappers. Here are some our favorites

Data Visualization Reading and Videos

  • Circles.js
    Circles.js, from Artan Sinani at, is a lightweight JavaScript library that generates circular graphs in SVG. It comes with animation. For usage, include the circles.js file in your HTML file. There are no dependencies.
  • Visualization: Combo Chart
    A Google Charts chart that lets you render each series as a different marker type from the following list: line, area, bars, candlesticks and stepped area.
  • The Best Scientific Visualizations Of 2013
    We live in an image-dominated age, and popular science abounds with visuals: eye-popping photographs, gorgeous graphics and slick information design. Amidst all this eye candy, not much attention is paid to figures accompanying articles in scientific journals and white papers. On the following pages are Wired Science's favorite research graphics of 2013.
  • Visualizing Seattle's 911 Calls
    The city of Seattle releases quite a bit of interesting data, and constantly-updated 911 metadata is one of those data-dumps. To create the map I used Folium, which is essentially a Python wrapper around the excellent Leaflet.js mapping library....
    Real-Time tweet map of the #happynewyear hashtag across the world. It is a demo of a new service to create your own tweet maps - built by Built with Rails, Angular.js, D3.js, @pusher and Elasticsearch.

D3.js Reading and Videos

  • Coffeescript Helpers For D3.js
    I write a lot of d3.js code and most dom manipulation code got complicated and hard to maintain. fp.js is a tiny library to help keep d3.js dom manipulation code clean. With fp.js attributes, styles and events can be set easily.
  • Point Nemo Wood Map
    The most remote spot on Earth sits in the middle of the South Pacific Ocean, over 1,600 miles from land in any direction. I created the map by first using GeoJSON and D3.js, which provides enough flexibility to create arbitrary map projections. A few quick edits and I was able to get the vector file ready for laser cutting and etching.
  • Optimizing Spatial Data For The Web
    Optimizing spatial data essentially translates to simplifying the geometries in the file. Since, in a web context, it is not using it for analysis, a slight difference in the area or shape of corners will not make a huge difference. Users may not even realize that the shapes are simplified, if it is done in just the right way.
  • Bozeman Man Creates Online Crime Map
    What's the most common crime to occur in your Bozeman neighborhood over the last decade? Thanks to a free interactive crime map produced by Bozeman cartographer Josh Gage, residents can answer that question. Made with CartoDB & D3.js.

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