Just wrote a post on back-to-back chart tweaks last week in my #TweakThursday series. This week's #MakeoverMonday project presents a dataset in which we can apply the technique. The idea is to provide back to back comparison at a lower level of details. This is to make up the shortcoming of the back-to-back chart, where the comparison at lower level is not obvious.

So here you go
When mouse hovering over the chart, you will see the detailed comparison at the gender level in the tooltips.
One curious thing is, when published to the server, we see some horizontal lines in the solid color area. I already set the transparency to be 100%. Still the lines won't go away. Let me know if you know how to fix it.

Since I try to follow the KISS rule (Keep It Simple and Stupid) this time, as promoted by Andy Cotgreave, I got time to create another simple version as follows. If you have a preference, I would love to know.
Here is the one with visual tooltips.
Click the above images to go to the interactive version.

PS. I agree 100% with the KISS rule. In practice, we are required to turn out data analysis quickly, even though the look and feel is not graphically great. Some boring bar chart or line chart can save the day. So the most important requirement is turnaround time. Then, we can improve the graphics as the project goes. We are data analyst, not graphical designer after all.

In the other hand, personally I like simple chart which is to make one point per chart. It will be easy to read and understand. Too much information cramped into one chart may be confusing.