Make the Chart: Interactive Line Chart with Ghost Trails
Using faded lines to show the overall changes in a time series and to provide a point of reference for the present.
To show how employment changed over the decades, given your age, I used an interactive line chart with faded trails. I was trying to give a sense a movement that was similar to charts on marital status over time.
In this tutorial, you’ll make the chart. The data is processed and formatted in R and then charted with HTML, CSS, and JavaScript, namely the D3.js library.
To access this full tutorial, you must be a member. (If you are already a member, log in here.)
Get instant access to this tutorial and hundreds more, plus courses, guides, and additional resources.
Membership
You will get unlimited access to step-by-step visualization courses and tutorials for insight and presentation — all while supporting an independent site. Files and data are included so that you can more easily apply what you learn in your own work.
Learn to make great charts that are beautiful and useful.
Members also receive a weekly newsletter, The Process. Keep up-to-date on visualization tools, the rules, and the guidelines and how they all work together in practice.
See samples of everything you gain access to:
About the Author
Nathan Yau is a statistician who works primarily with visualization. He earned his PhD in statistics from UCLA, is the author of two best-selling books — Data Points and Visualize This — and runs FlowingData. Introvert. Likes food. Likes beer.
