Data Visualization and D3.js Newsletter Issue 206

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Basic Charts Need to Be Learned First
    In the third week of my course I introduce fundamental charts...Why do I start with basic charts?...It’s pedagogically better to start with basic rather than advanced charts. I truly believe one must first learn how to use basic charts properly before moving on to other more exotic territories. Within their constrained space, there is a lot to learn and there are infinite variations and tweaks one can apply...
  • d3MapRenderer
    A python QGIS plugin to export of polygons, polylines and point vector layers from shapefiles to topojson for display within a web page using the d3 JavaScript library, with additional options of popup information via d3-tip, charts from c3.js and a legend...
 

Data Visualization Reading and Videos
 

  • Paths.js - Generate SVG paths for geometric shapes
    Paths.js is a library to generate SVG paths, allowing you to create your own charts using a functional and testable API...Paths.js offers three APIs, of increasing abstraction. The lowest level is a chainable API to generate an arbitrary SVG path. On top of this, paths for simple geometric shapes such as polygons or circle sectors are defined. At the highest level, there is an API to generate some simple graphs (pie, line chart, radar...) for a collection of data, assembling the simple shapes...
  • Khartis - Create thematic maps in 3 steps
    1. DATA: Import your files 2. VISUALIZATIONS: Explore your data through differents smart visualizations 3. EXPORT: Adjust final elements of your map and export it in svg or png format...Khartis was born from a finding: how to make a thematic map just in few clicks, keeping requirement and scientific rigor in data processing? The team behind Khartis has refined this idea in teaching situations, research or map production and hopes that beginners will use Khartis, whether they are students, teachers, journalists or simply curious...
  • Firefly Cartography
    Firefly cartography (or glow-maps, overproduced tripe, whatever you like to call it…) has a pretty tight set of characteristics that converge to deliver a pretty standard effect. I can say this with confidence because I am making up the name and applying it to these characteristics. Generally, a firefly map has a) Dark, de-saturated basemap (usually imagery), b) Masked highlight area and vignette, and c) Single bright, glowing, thematic layer...
  • How To Build An Interactive County Level Map Like The New York Times
    The New York Times, like many newspapers, is fond of building county level maps to display information like census data. Recently, in light of the exploding opioids crisis in the United States, the paper built a series of maps that show drug overdose deaths in counties across the United States. The following tutorial replicates their map and makes it interactive using CartoDB...
 

D3.js Reading and Videos
 

  • Vizception: Viz in a viz & native d3.js integration on Tableau Server
    We wanted to show a real example of how to bring more to Tableau Server without additional hardware or hosting needed...We had a few short discussions and landed on the following example. This includes not only native d3.js integration but also an example of viz in a viz (in a viz) on Tableau Server. As a starting point, we used the twitter network graphs that Keith Helfrich and I recently shared, which were showcased on the Tableau blog last month...
  • Building D3 Components with React
    D3 is a powerful library for creating visualizations with JavaScript. While it allows a high-level of customizations, it can be challenging to create isolated, declarative components. Thankfully, this is something React does really well. While there are libraries for integrating the two, I’ve found creating a custom integration to work best for my purposes. We’ll walk through a basic example of how this integration works as well as some lessons learned along the way...
  • Animated Charts in React Native using D3 and ART
    Few months ago React Native included D3 and ART libraries as part of its distribution but so far there is not much documentation about how to use them. In this article I will share my learnings creating different kind of animated charts using only D3 and ART. I will try to keep it short, but I’m including links to references and source code for more information...

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