By the mid-90s, the losses are large enough that to do them justice would take more vertical space than we can allow for the chart. So we decide to let the bars break out of the chart boundary and into the text.
That part's easy enough, but now we need to displace the text somehow. The text is coming from the CMS; I have no control over it. By default, it will run across the bars, which is obviously no good. But we *can* add CSS to the page.
Using the + selector combinator, we can target the paragraph immediately after the embed. And using a ::before pseudo-element, we can insert a box that forces the text to flow around it. Throw in a media query for responsiveness, and voila! The text flows around the chart.
You can follow @Rich_Harris.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: