![]() Here's a sneak peek at the final chart to get you ready for the start of the game! Follow along with me to learn how I create this beautiful range bar chart with JavaScript. In this tutorial, I use the diverging bar chart technique to showcase the wins and losses of the LA Lakers through the 20 years of Kobe Bryant’s career. ![]() The key point of data visualization in such diverging charts is to facilitate the comparison of multiple categories by means of displaying them against a bifurcating midpoint. ![]() Check it out! What Is a Diverging Bar Chart?įirst things first, I will give you a brief explanation about what diverging bar charts are and then we'll dive into the tutorial.Ī diverging bar chart shows two or more measures that are plotted from a middle baseline, extending either to the right and left (horizontal range bars) or top and bottom (vertical range columns). Thinking that this project might be helpful for those new to web charting, I also logged the entire process and made a tutorial. So, I visualized that in an interactive Diverging Bar Chart with the help of pure JavaScript. Remembering Kobe one year after that horrible crash, I wondered how the Lakers had performed in his two-decade era. He was a star NBA athlete who had played for 20 years with one and only one team - the Los Angeles Lakers. But even before the pandemic, the year started on a sad note with the death of basketball legend Kobe Bryant. The year 2020 was pretty poignant for obvious reasons. ![]() This article is a step-by-step guide that'll show you how to build an interactive JavaScript range chart that visualizes 20 years of the LA Lakers’ performance with Kobe Bryant. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |