Introducing Data Visualization with JavaScript
It’s getting hard to ignore the importance of data in our lives. Data is critical to the largest social organizations in human history. It can affect even the least consequential of our everyday...
View ArticleChapter 1: Graphing Data
Many people think of data visualization as intricate interactive graphics of dazzling complexity. Creating effective visualizations, however, doesn’t require Picasso’s artistic skill or Turing’s...
View ArticleChapter 2: Making Charts Interactive
In chapter 1 we saw how to create a wide variety of simple, static charts. In many cases such charts are the ideal visualization, but they don’t take advantage of an important characteristic of the...
View ArticleChapter 3: Integrating Charts on a Page
You might expect a data visualization for the web to be featured very prominently on the page, or even make up the entire web page. That’s not always the right approach, though. The best visualizations...
View ArticleChapter 4: Creating Specialized Graphs
The first three chapters looked at different ways to create many common types of charts with JavaScript. But if your data has unique properties, or if you want to show it in an unusual way, a more...
View ArticleChapter 5: Showing Timelines
The most compelling visualizations often succeed because they tell a story; they extract a narrative from data and reveal that narrative to their users. And as with any narrative, time is a critical...
View ArticleChapter 6: Visualizing Geographic Data
Humans crave context when evaluating data, so it’s important to provide that context when it’s available. In the previous chapter, we saw how timelines can provide one frame of reference; now we’ll...
View ArticleChapter 7: Custom Visualizations with D3.js
In this book we’ve looked at many different JavaScript libraries that were designed for specific types of visualizations. If you need a certain type visualization for your web page and there’s a...
View ArticleAppendix A: Managing Data in the Browser
So far in the book we’ve looked at a lot of visualization tools and techniques, but we haven’t spent much time considering the data part of data visualization. The emphasis on visualization is...
View ArticleAppendix B: Building Data-Driven Web Applications
So far we’ve had a chance to see many of the tools and libraries for creating individual JavaScript visualizations, but we’ve only considered them in the context of a traditional web page. Today, of...
View ArticleAutomated Visualization Testing
Many smart folks have been writing about data visualization lately, and there are lots of great resources available on the internet and in your favorite book store. There is one aspect of data...
View ArticleA Material Design Gauge in Pure CSS/HTML
As a change of pace from complex visualizations, here’s simple Material Design gauge control implemented in pure CSS/HTML. The implementation includes an optional JavaScript component to change the...
View ArticleVisualizing Bayes, Markov Chain Monte Carlo
Thanks to the excellent bayes.js library from Rasmus Bååth it’s now possible to experiment with Bayesian statistics in JavaScript. We’ll take advantage of that library in this series of posts, which...
View ArticleVariations on a Random Walk
Can seemingly trivial differences at a small scale have noticeable effects at larger scales? Certainly, as we’ve learned from chaos theory. This visualization considers another perspective on the same...
View Article