Net Points

I started with a stacked bar chart, aligned vertically with time along the y axis

After drawing a bit, I decided that it made sense to align the graph horizontally rather than vertically:

• People are much more used to reading graphs where the time axis goes later along the x axis
• The downside is that given a graph width, the bars will compress as time progresses, where it's easier to add vertical height to the graph

When people read the graph, I want the net points to be the value that jumps out at them, but also I want them to be able to interpret:

• The offensive and defensive components
• The moving average as the season progresses - it's hard to tell given the net varying widely between games

For my next attempt, I tried with a fun vaporwave color scheme

In this one, the O and D components are represented as possibly-overlapping bars, with a large mark at the total value rather than the bar representing the total

Let's try an expirement using svg pattern fills:

After looking at them a bunch, I think that the moving average might actually be the most interesting/important thing about this graph? What if we emphasized it, gave the O and D nets as dots, and didn't list the total at all?

• I've given up on getting plot to show the symbols with color, very annoying
• What if we gave up on showing the total net points, and just showed the components?

It's still really hard to read that, what if we gave up on showing individual points entirely (for now, maybe it will come back?) and showed only the trend line