Data Visualization and D3.js Newsletter Issue 110

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


Welcome to issue 110 of the DashingD3js.com Weekly Newsletter.
 

Onwards to this week's links...
 

Featured
 

  • 20 New Data Viz Tools And Resources Of 2014
    The year was filled with new data visualization and infographic creation tools, as well as other resources...here are the new resources and tools that caught our attention in 2014...
  • Markercluster Pie Charts
    The map shows traffic accidents recorded in Oslo, Norway, for the year 2013...if you take a look at the defineClusterIcon() function you'll see that I use d3.nest() to build a dataset for the pie chart based on a given property from all the cluster's children. Then I pass this dataset over to the bakeThePie() function together with instructions on how to style the chart. The function returns svg markup which in turn is placed inside the divIcon...
 

Data Visualization Reading and Videos
 

  • The Best Science Visualizations Of The Year (Wired)
    Here at WIRED Science, we’re big fans of science graphics. And not just the fancy, big-budget ones, but charts and figures and visualizations: the folk art of scientific imagery. In this gallery are our favorite graphics of the year. They’re in no particular order (though we did save a treat for last). Each tells a story with elegant simplicity, and sometimes even beauty. Enjoy!...
  • The Best Data Visualization Projects Of 2014 (Nathan Yau - FlowingData)
    It's always tough to pick my favorite visualization projects. I mean, it's a challenge to pick and rank your favorite anything really. So much depends on what you feel like at the time, and there's a lot of good work out there. Nevertheless, I gave it a go. These are my favorites for the year, roughly in order of favorite on down and based on use of data, design, and being useful. Mostly though, my picks are based on gut. One unintentional theme: All of my picks are interactive or animated or both. Telling for where we're headed, I guess...
  • Favourite Maps From 2014 (Cartonerd, Kenneth Field)
    A few of my favourite maps from 2014...They're an eclectic set but as I've spent the year writing a daily blog on the ICA Map Design Commission blog it's been a relatively easy process to narrow down my favourites this year...
  • Data Stories #44: Tamara Munzner
    We have Prof. Tamara Munzner from University of British Columbia with us in this episode. Tamara is one of the most prominent figures in visualization research. She has done tons of interesting work starting from the nineties (look into her publications page) including the famous “Nested Model of Visualization Design” and her numerous design studies work, like the excellent “Overview“, a tool for journalistic investigative analysis. We also talk about her new book “Visualization Analysis and Design“. Finally a textbook teaching how to create visualization tools for analysis purposes!...
 

D3.js Reading and Videos
 

  • d3js-phantomjs-demo
    Sample demo to create png out of d3js charts in server side by using phantomjs server...
  • d3.layout.orbit
    An animated hierarchical layout for d3.js that creates orbits from nested data...d3.layout.orbit accepts nested data in the same way that pack, tree and treemap do, and annotates it with xy coordinates for display as orbits. Orbital periods, sizes, and so on can be tied to data. This layout is also animated in the same manner as d3.layout.force, with a tick function and recalculation xy coordinates on #orbit.start() and animation stopped on #orbit.stop()...
  • d3rrc
    Reusable D3 Charts for React.js...d3rrc is designed to work with browserify. It can also be used as a stand alone javascript file (just download the build.js file and include it in your project)...
  • Data Visualization App Using GAE Python, D3.js And Google BigQuery: Part 2
    In the first part of this series, we created a Python application and deployed it to Google App Engine (GAE). From the application we connected it to a Google BigQuery dataset and fetched the data into our application. In this tutorial, we'll see how to visualize the data using the JavaScript library D3.js...

Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez
@DashingD3js
www.dashingd3js.com

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