Data Visualization and D3.js Newsletter Issue 123

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Dear Data
    Dear Data is a year-long, analog data drawing project by Giorgia Lupi and Stefanie Posavec, two girls who switched continents get to know each other through the data they draw and send across the pond...We are currently at week 29 and will be updating this site with regular deliveries, check back for more drawings! New cards are delivered on Wednesdays...
  • Textures.js
    SVG patterns for Data Visualization...Textures.js is a Javascript library for creating SVG patterns. Made on top of D3.js, it is designed for data visualization...
 

Data Visualization Reading and Videos
 

  • Introduction To The streamgraph htmlwidgtet R Package
    Even though streamgraphs can be controversial, they make for very compelling visualizations, especially when displaying very large datasets. They work even better when there is an interactive component involved that enables the following of each “flow” or allow filtering the view in some way. This makes R a great choice for streamgraph creation & exploration given that it excels at data manipulation and has libraries such as Shiny that reduce the complexity of the creation of interactive interfaces...
  • What Matthew Liddy Learned In His First Year Running An Interactive Storytelling Unit
    The Australian Broadcasting Corporation (ABC News) has been producing interactive stories for many years, but it wasn’t until February of 2014 that Australia’s public broadcasting company formalized the process and created a team to focus exclusively on interactive storytelling. Matthew Liddy heads up the team of seven, which also includes two journalists, two developers, one UI/UX designer and an illustrator/animator...
  • How To Make A Killer Map Using Excel In Under 5 Minutes With Powermap Plugin
    Many times it happens that you need to quickly visualize your data on a map but you don’t have a time to play for hours with ArcGIS or QGIS to make it look good. In this tutorial I’ll show you how make an awesome looking map in Excel in under 5 minutes with a free plugin called PowerMap (formerly GeoFlow)...
  • Hello Web Maps - Let's Make An Interactive Map For The Web
    This is an introductory hands-on workshop on building your first interactive map for the web. In this workshop, you will learn the basics of Tilemill and Mapbox - two of the most used and user-friendly and opensource tools for building delightful, clickable, zoomable, and custom maps for the web....
  • Roam The World In (almost) Real Time
    Launched [last] Thursday, a landmark project from Mapbox has changed the summertime paradigm for online cartography. Landsat-live reveals the planet's surface in real time and in stunning resolution, fed by a constant stream of public-domain imagery from NASA’s Landsat 8 satellite. Above is an embedded version you can explore...
 

D3.js Reading and Videos
 

  • New Book: Data Visualization with JavaScript
    30% of discount for newsletter (applied by entering code DASHINGD3JS)
    In Data Visualization with JavaScript, you’ll learn how to use JavaScript, HTML, and CSS to build the most practical visualizations for your data...Then you’ll move on to more advanced topics, including how to: a) Create tree maps, heat maps, network graphs, word clouds, and timelines, b) Map geographic data, and build sparklines and composite charts, c) Add interactivity and retrieve data with AJAX, d) Manage data in the browser and build data-driven web applications, and e) Harness the power of the Flotr2, Flot, Chronoline.js, D3.js, Underscore.js, and Backbone.js libraries...
  • New Book: React + d3.js - Build data visualization with React and d3.js
    25% of discount for newsletter (applied by clicking on the link)
    Creating dynamic data visualizations on the web is a pain...With React+d3.js you'll learn how to build re-usable visualization components in about an hour...React+d3.js is designed to be short, but comprehensive. In about an hour, it will guide you through a whole React and d3.js project from start to finish. Everything from setting up code compilation, to creating reusable visualization components...
  • Understanding D3.js Force Layout - 1: The Simplest Possible Graph
    This is part of a series of examples that describe the basic operation of the D3.js force layout. Eventually they may end up in a blog post that wraps everything together. The first example creates the simplest possible graph using a force layout. The comments in the code walk through the steps in creating a force directed graph...
  • How We Built analytics.usa.gov
    The U.S. federal government now has a public dashboard and dataset for its web traffic, at analytics.usa.gov...The analytics.usa.gov dashboard is a static website, stored in Amazon S3 and served via Amazon CloudFront. The dashboard loads empty, uses JavaScript [& D3.js] to download JSON data, and renders it client-side [w/ D3.js] into tables and charts...
  • Building A Word Cloud Using D3.js For Data Analysis With CivicData
    What I learned through [the Learn JS Data resource put together by the team at Bocoup] is d3.js also contains some incredible data analysis tools to simplify many common data operations. Armed with this new found knowledge I decided to tackle a data visualization I have been wanting to pursue for a while, the word cloud. I’ve always thought it would be interesting to visualize permits descriptions from a given set of time using a word cloud...

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