Hi Friends -
Onwards to this week's links...
Welcome to the seventy-sixth issue of DashingD3js.com's Weekly Newsletter
Data Visualization Reading and Videos
- The Five Best Libraries For Building Data Visualizations
Starting out in data visualization can be a difficult thing to do. Here’s what you need to know...This story contains interviews with data visualization professionals Moritz Stefaner, Scott Murray, Benjamin Wiederkehr, Jan Willem Tulp, and Erik Cunningham...
- How To Design Better Data Visualizations
In order to understand how we are able to interpret data visualizations so effectively, we must start by examining the basics of how we perceive and process information, in particular visual information.
- Data Visualization & Data Stories
Interview of Jeff Heer, Chief Experience Officer at Trifacta and Patrik Lundblad, Visualization Advocate at Qliktech, hosted by Hilary Mason, Data-Scientist-in-Residence at Accel Partners
- Spatial Data On A Diet: Tips For File Size Reduction Using TopoJSON
For a current project we needed to render, on the web, a geographic file with approximately six thousand features. The shapefile itself is approximately 11 megabytes, far too big to be handled speedily in a web application. We were planning to render the features using GeoServer and map tiles but decided to investigate slimming down the geographic file first to see how small we could make it.
D3.js Reading and Videos
- D3.js Quadtree Nearest Neighbor Algorithm
This example adapts mbostock's quadtree brushing demo to find the nearest neighbor (shown red) of a new point (shown yellow). Choose a new point to classify by clicking on the diagram. (An alternative approach for nearest neighbors of the mouse position is D3's Voronoi polygons, but the idea here would extend to rapidly classifying many new points against a base collection of points.)
- Draw Simple Maps With No Effort With D3.js And Datamaps.js
- HTML5DevConf: John Firebaugh "building iD, a new editor for OpenStreetMap"
A typical web application today is built with a Model-View-Whatever framework such as Backbone.js, Ember or Angular.js, a DOM-oriented library like jQuery or Zepto, and a templating language such as moustache or handlebars. In building iD, a new editor for OpenStreetMap, we took a different approach. iD is built almost entirely using D3 -- no framework, no $, no templates. At the DOM level, D3 does 90% of what we would have needed jQuery for, in a simpler, more predictable, and more flexible way.
- D3 Particle Simulator
This is an implementation of a particle simulator in D3 inspired by the collider demo. This implementation provides many exciting features including: Dynamically set gravity and charge, Randomized size and charge percentages, Interaction with the mouse, and User-control of these values through dynamic sliders.
- Maze Solver II
This maze is generated using Prim’s algorithm, and then solved using best-first search. Compare to breadth-first search.
Hope that you had a great past week and that next week is even better!
Wishing you the best,