9This series is a collection of small changes in data visualization that make a big difference to the end result. In this article we cover two of the most underrated elements of a graph – Tick marks and Gridlines. What are tick marks and gridlines? Tick marks and gridlines do not represent values themselves. They…
Let’s learn how to create a bar chart in D3.js. To access the entire code for this tutorial, follow this link. First a few basic concepts. SVG: SVG stands for Scalable Vector Graphics and is commonly used to display a variety of graphics on the web. SVG is nothing more than simple text files that…
This series is a collection of small changes in data visualization that make a big difference to the end result. When using bar charts, the axis needs to start at zero. Why? Its simpler to understand this if we start with an example. This chart below was used by Twitter in its IPO filing. What do you…
As data viz creators, we are in a constant battle between the multiple ways in which we can present our data to an audience. Which is the best way to present the data? It depends. There is no one best way. But a good practice to follow is to choose one with clarity. Let me…
Dataset The dataset for MakeOverMonday project is hosted on data.world. Original Visualization What works in the original visualization? The visual represents the overtourism and undertoursim magnitudes in a single graph. The terms overtourism and undertourism are explained well. What doesn’t work in the original visualization? Circular shapes are not best suited for comparison and I…
A clustered bar chart is one of the most commonly used representations to compare change through time. A clustered bar chart, though a good option to compare values, does not represent the change through time effectively. Here is some data on which technology products consumers intend to buy in 2016 and how it compares against…
This week’s MakeoverMonday data is on Andy Kriebel’s Amex card transactions for 2016. My goal with this visualization was to understand and highlight two aspects of Andy’s credit card usage. Where does he spend the most money and what are the nature of the transactions? Does he spend a lot of money at once? Or…