Adding data-driven colorization as well as panning and pinch-zooming to a d3 map

In my last post, I introduced a way to integrate the d3.js library into React Native, enabling yourself to reach out to a broader audience using mobile apps. In that article, we started to build a basic map in the azimuthal equal-area projection. Now let’s make this map more interesting and add some data-driven colorization and interactive panning and pinch-zooming. Make sure you read the first article beforehand, as we will continue manipulating the code we created there. You can also check out my Youtube playlist of this tutorial series.

Prepare the data

First, we need some data to apply colorization on the…


Adding DataViz to native apps has great potential. Here’s your guide to getting started

Native app development and DataViz? It is not exactly a happy marriage. If you are a data visualization expert yourself (or just happen to be the one who needs to take care of it at work) you probably cherish your big desktop canvas with the vast amount of space available to display all the data. But think about your audience for a second. Close your eyes (well, first read this, and then close your eyes) and think about them:

They are in the subway, at home on the couch, waiting for the bus or … sitting on the toilet. But…


Introducing Path Charts (and how to create them!)

In my last post, I challenged bar charts by introducing the snail chart. Though being more of a fun example, it made me think about how I could dig deeper and create an alternative for the other most common graph type in town, the line chart.

We all know them. Line charts are the traditional choice for displaying trends in datasets, with a (time) interval on the x-axis and some continuous data on the y-axis. They appear in yearly reports showing revenue changes in a company. …


Yet Another Alternative for Bar Charts

A snail that fades into a snail chart.
A snail that fades into a snail chart.
The snail chart is a variation of a bar chart that alters the orientation of the bars to create a spiral look (just like a snail’s house).

The bar chart - the mother of data graphs. Since its introduction in the 18th century by William Playfair, it underwent several alterations, mainly regarding

  • its orientation (vertical and horizontal bar charts)
  • and its arrangement (e.g. grouped and stacked bar charts)

The reason behind the success of bar charts is a simple and intuitive design that makes it easy to interpret the presented data. It is also a widely used graph type which is already deeply integrated into our daily life (through news, articles, dashboards, etc.). Whenever we think about a representation of discrete data we think of bar charts…

Joseph (Geolic)

A freelance DataViz expert and GIS engineer. Life Goal: Riding bicycle from Berlin (Germany) to Busan (Korea).

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store