How I Made That: Searchable Time Series Chart
When there are too many options or categories, it can be helpful to make the data searchable.
This was the last chart in a series of charts about shifting proportions of the sexes. After focusing on specific aspects of the data, I wanted to provide a way for people to look up their own jobs or any other job they were interested in.
With over 450-ish occupations, listing all the jobs or putting them in a dropdown menu didn’t make sense. It would take up too much space. A search bar on the other hand, lets someone immediately zoom in, which brought me to this:
This is how I made that.
To access this full tutorial and download the source code you must be a member. (If you are already a member, log in here.)
Gain instant access to step-by-step visualization courses and tutorials for insight and presentation — all while supporting an independent site. Source code and data is included so that you can more easily apply what you learn in your own work.
Members also recieve a weekly newsletter, The Process, which looks more closely at the tools, the rules, and the guidelines and how they work in practice.
See samples of everything you gain access to:
More Tutorials See All →
How to Visualize and Compare Distributions in R
Single data points from a large dataset can make it more relatable, but those individual numbers don’t mean much without something to compare to. That’s where distributions come in.
How to Make a Graph in Adobe Illustrator
You can use the vector-based software normally reserved for designers and artists to make and edit charts.
Transitioning Map, Part 3: Animate Change Over Time
How to make a bunch of maps and string them together to show change.