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

Hi Friends -

Welcome to issue 103 of the Weekly Newsletter

Onwards to this week's links...


  • How To Scroll
    Scroll-based interaction is incredibly popular for interactive storytelling. There are many compelling reasons for this, yet scrolling is surprisingly nuanced and easy to break. So here are five rules for employing scrolling effectively....
  • The Toolmaker's Guide
    Mike Bostock's Opening Keynote at the 2014 FOSS4G conference. FOSS4G is the largest global gathering focused on open source geospatial software...

Data Visualization Reading and Videos

  • Free Online Book - Pocket Guide To Writing SVG
    Starting with basic organization and simple shapes, we'll then continue on to describe the SVG coordinate system or "canvas", painting a graphic's interior and/or border, transforms, and using and manipulating graphical text. We'll wrap up by touching on more advanced features such as gradients and patterns...

D3.js Reading and Videos

  • Extending D3.js Talk At FOWA Boston
    I had the pleasure of speaking at the Future of Web Apps, Boston on extending D3.js. It was brilliant to get the chance to meet everyone...
  • leaflet-d3 - Leaflet D3 Plugin
    A collection of Leaflet plugins that enable you to leverage various d3.js visualizations directly on Leaflet maps. If you would like to use these plugins with the Angular Leaflet Directive, use the Angular Leaflet Directive Extension project...
  • D3 on Angular: Visualize Line Graphs As Small Multiples
    This article explains how you can achieve Small Multiples with D3 using Angular.js. According to Edward Tufte (1983) Small Multiples are a concept to visualize multiple homogenous visualizations like maps, line graphs or scatterplots. We will use this visualization concept to draw multiple line graphs
  • Exploring Preattentive Attributes
    When shown an image, there are some visual properties that we can detect effortlessly and almost instantaneously - they "pop out." These are called preattentive attributes. Knowing which attributes are preattentive can help in creating more effective visualizations. Below are some interactive visualizations demonstrating some of these attributes - some "pop out" more than the others. They were all created with d3.js.
  • exCon: Interactive Exploration Of Contour Data
    exCon is an interactive tool to explore topographic-like data sets...Such data is found in cartography, 2D spectroscopy and chemometrics. exCon creates an interactive web page showing the contoured data set along with slices from the original matrix parallel to each dimension. The page is written in d3/javascript.

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