Today it's all about storytelling and infographics and visuals are a key part of that. All researchers want to connect the reader with the data and that's what data visualization's and storytelling can do
~Derek Richar

Honestly, not everyone has the time in life to analyze each and every data point and extract it's significance and in combination with other data points, become aware of the bigger picture, whether it be the trend of a wildspread virus, or the income statement of a company or literally the interest of people in a certain programming language over pizza 😂


Everything is so data driven these days, that the need for interactive visualizations that help even non-mathematicians to understand trends, is of paramount importance

truth and beauty

This is what this article will be about today. Not about libraries and frameworks and programming. Just about designing effective data visualizations (aka data vizes) in a beautiful manner, down to the most intricate details, such that the next pie chart you create will leap from the pages and tell the viewer a story !

Basic theory...

There are primarily just these 3 types of data vizes :

1. TABLES To show separately indexed data in a systematic format
2.NETWORKS To display connected data in the form of lines connecting data points
3. SPATIAL To represent geographical or other areal data points in their raw form by giving importance to position/actual geo-location of data point

Also, there is the basic notion of marks and channels that just help us understand which sort of graph is the most accurate for our use case





These are basically rows aka items aka entries in your database that you'll consider and use the attributes as properties whose quantities you wish to assess in several different ways (eg : over time, relative to other entries etc.) axis and plot your viz.


These are columns aka attributes each mark in your database is associated with and it is these properties that we wish to study of a single or multiple item(s) in the database with the help of vizes

These are divided as follows

Categorical Comparison of same attributes of items in the database but different categories Comparing the oil prices(Y-Axis) of India, China and Japan over time
Ordered : Ordinal Comparison of like attributes of a discrete form in same category eg : S, M, L, XL sizes in a T Shirt
Ordered : Quantitative Comparison of like attributes of a continuous form eg : Spread of a virus over time



Use cases

Following are the use cases of application of our marks-channels that I learnt while following this brilliantly taught dataviz course



Picking your graph....

For this one, I actually read through this amazing writeup with examples for picking a suitable template and injecting the most apt graph for your use case in it.

general guidelines

Next steps ...

Congratulations ! You have now mastered the most basic fundamentals that give you mastery over conveying your data in the most engaging manner possible !

Technology has provided us with so many amazing tools for dataviz that we honestly can't keep track of it. Nevertheless, as long as you get the basics right, all your charts and graphs will be on point !


If you wish to explore this domain more, I would highly recommend you to read my blog on creating a simple bar chart with Next JS and D3 JS, 2 JS based libraries that integrate together brilliantly to make next level performance enhanced, interactive datavizes

D3 and Next
A brief explainer on creating fast, interactive dashboards and data visualizations with D3.JS and Next.JS

Thanks a lot for reading this content and I really wish you the best of luck on your journey to becoming a dataviz ninja ! Until next time....🥷