Data Visualization and D3.js Newsletter Issue 211

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Dear Data has been acquired by MoMA
    Dear Data — a project that started with an almost casual conversation — led to outcomes we never anticipated...this journey led to an incredible honor: we are proud and pleased to announce that the Dear Data has been acquired early in November 2016 by the Museum of Modern Art as part of their permanent collection...
  • Creating TopoJSON using D3 v4
    As somebody currently learning the ins and outs of D3 v4, I’ve struggled the last while to find a good resource for converting the Natural Earth ESRI Shapefiles to TopoJSON. This quick post will go through how to do this using the current versions of the D3 geography utilities...
 

Data Visualization Reading and Videos
 

  • Best Of The Visualisation Web - September 2016
    At the end of each month I [Andy Kirk] pull together a collection of links to some of the most relevant, interesting or thought-provoking web content I’ve come across during the previous month. Here’s the latest collection from September 2016...
  • Data Stories Podcast Episode #87 - VizKidz: Books on Data Visualization for Kids
    Book illustrator and product designer Abigail Ricarte and data journalist Liv Buli join us to talk about their Kickstarter project, VizKidz, an illustrated book series designed to teach kids about data visualization...The series features four lovely characters: Penelope Pie, Laney Line, Barnaby Bar, and Bertie Boxplot, each with a specific “personality.”...On the show we talk about how the project started, how they designed the characters, and what it takes to launch a data visualization project on Kickstarter...
  • An Interactive Tutorial on Numerical Optimization
    Numerical Optimization is one of the central techniques in Machine Learning...I thought that it might be fun to provide some interactive visualizations of how these algorithms work...The cool thing about this post is that the code is all running in the browser, meaning you can interactively set hyper-parameters for each algorithm, change the initial location, and change what function is being called to get a better sense of how these algorithms work...
  • Visualising Structure in Topic Models
    How exactly should we visualise topic models to get an overview of how topics relate to each other? This post is a brief lit review of that debate...I also present my chosen solution to the dilemma: I use dendrograms to position topic, and add a network visualisation using an arcplot to expose linkages between subjects that frequently co-occur, without being correlated...
 

D3.js Reading and Videos
 

  • Responsive D3.js Charts
    Making responsive D3js charts is an essential part of creating data visualizations that are effective and accessible on the web. There’s no point in making a responsive website if your chart is going to stick out the side of the viewport on a mobile device. Data visualizations should respond to viewports exactly like every other element on the page, if not you could be failing a large number of your users...
  • Turn the Earth
    Use the dials on the left to adjust the rotation of a geographic projection. D3 supports three-axis rotation, allowing you to adjust the lambda (λ), phi (φ) and gamma (γ) axes...This map uses an orthographic projection with D3.js and Topojson to draw a map of the world's countries onto a globe, rendered here with a graticule that is 10° by 10°...The world countries polygons were downloaded from ArcGIS...
  • Plotting Earthquakes with D3.js + Leaflet
    Last time, I wrote about how folium allows us to seamlessly integrate leaflet maps for visualization. This time, I wanted to challenge myself a bit more. I decided to use d3.js for visualizing earthquakes...I...thought it would be a good idea to share with you my trial and error process (admittedly, sometimes more error than trial) when doing the earthquake visualization. Here is the visualization. I later go through some of the steps I took to complete it...

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