Data Visualization and D3.js Newsletter Issue 167

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Beautiful Reasons - Engaging Aesthetics For Data Narratives
    Can the aesthetic elements of a data-visualization be considered as important as the data itself in getting readers interested about a topic, leading them to shape an understanding of it and triggering their curiosity to explore more?...ultimately, why should a reader not be able to find a data-visualization both intellectually compelling and emotionally rich?...
  • Animated (Dashed) Lines In D3.js With Spirographs
    In this blog I’ll explain how to animate both solid and dashed lines. To make things slightly less boring, I’ve created a Spirograph drawing app/script to use for the examples! It came about because last week I wanted to animate a dashed line in a chart. Trying to use the technique I always apply for solid animated lines I suddenly found out that animating a dashed line isn’t trivial. It’s because of the fact that an animated solid line is, secretly, a dashed line, but I’ll go into that later...
 

Data Visualization Reading and Videos
 

  • Watch 118 Bird Species Migrate Across A Map Of The Western Hemisphere
    For the first time, scientists at the Cornell Lab of Ornithology have documented migratory movements of bird populations spanning the entire year for 118 species throughout the Western Hemisphere. The study finds broad similarity in the routes used by specific groups of species—vividly demonstrated by animated maps showing patterns of movement across the annual cycle...
  • When Maps Go Bad
    Primary schools have regularly popped up in the news in Ireland recently because of controversy related to school ethos and waiting list places for admission being allocated based on whether or not a child has been baptised... However with over 3,000 schools it was going to take some time, and after having a look at the department of education’s own mapping efforts (above), from the perspective of Ben Schneiderman’s “Visual information-seeking mantra“, I decided to scrap the mappping idea...
  • Analyzing Maps To Better Understand Global Current Events And History
    Maps tell stories about natural and human geography and geopolitics, whether by displaying the shapes of landforms and locations of cities or by highlighting global fashion trends or the routes of explorers...In this lesson, we provide strategies to help students gain that confidence so they can interpret even the most complex historical or current maps. We also suggest ways for using current events maps as a tool to better understand both history and what’s going on in the world today...
  • NYPL Labs Remix Residency
    NYPL Labs is pleased to announce our first Remix Residency, designed to spur transformative, interesting, beautiful new uses of our digital collections...We are seeking submissions for projects that provide new ways of looking at or presenting public domain materials—or allow access to the information or beauty currently locked within the static images we’ve digitized. Submissions may include: a) Mappings, b) Visualizations, c) Generative Art, d) Games, e) Bots, and f) Interactives...
  • Steps For Building A Stepper Visualization
    As the NYT’s Amanda Cox has said in some of her talks , annotating a visualization is one of the most important, but also one of the hardest things to do. In this post, we won’t tackle the ‘what’ to annotate, but an example of the ‘how’ to implement an annotation layer that needs to change as a user progresses through a visualization...
 

D3.js Reading and Videos
 

  • Served
    A simple utility for serving up directories with an HTTP server. The motivation is to give people a way to start using d3.js without dealing with the command line...
  • Styling SVG Markers
    Using an array of color keys, this demo: appends CSS for each color to the stylesheet clones svg markers for each color into the defs creates a path for each color, with markers cycles the CSS color class to the next path..
  • Visualizing K-Means Equilibria
    Visualizing stable/unstable equilibria in K-Means unsupervised learning algorithm. Each run follows the path of the mean converging as shown here...
  • Top 29 Books Ranked By Unique Users Linking To Amazon In Hacker News Comments
    Amazon product links were extracted and counted from 8.3M comments posted on Hacker News from Oct 2006 to Oct 2015...The Hacker News data was obtained from the official Hacker News API with the help of Jenny Tong and the Firebase team and published on Google BigQuery by Felipe Hoffa. The data was processed with Python and various libraries and the visualization created with D3.js...
  • Making A D3 Chart Responsive
    I previously explained how to create the various building blocks of a chart, but one thing is lacking: how to make the chart behave properly at all screen resolutions, aka responsive? Starting from where I left off in the previous post, I will explain how to make a chart responsive...

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