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 Make Better-Looking, More Readable Charts in R
Defaults are generalized settings to work with many datasets. This is fine for analysis, but data graphics for presentation benefit from context-specific design.
How to Make an Interactive Map of Geographic Paths
With latitude and longitude coordinates, there are a number of ways to map geographic data using D3.js and Leaflet.
How to Hand Edit R Plots in Inkscape
You can control graph elements with code as you output things from R, but sometimes it is easier to do it manually. Inkscape, an Open Source alternative to Adobe Illustrator, might be what you are looking for.