Here are two initial charts:

(1) month indicated in title, no legend

(2) month indicated via legend

I played with some other formats but they seemed to get too complex.

Thank you @HXi-WMF ! I prefer (1). Can you go ahead and make the other charts like that?

We can continue to iterate later as needed, based on feedback.

I didn't get this fully worked out earlier this week, but this is a version with year and month tick labels stacked. I changed the month to March so you can see bit more clearly the differentiation — even though the last piece of data is for January:

Here are updated visuals. Let me know if you want me to post them into each individual associated Phabricator task:

Content Interactions:

Active Editors:

New and Returning Editors:

Net New Content:

Unique Devices:

@HXi-WMF Leaving them here is perfect - thank you! I'm going to start using this ticket for reference when we talk about timeline visuals.

@HXi-WMF One revision for Unique Devices: since there's only one line, can you take out the blue "Unique Devices" label? Thank you!

Edit: I also noticed that the graph notes for most of the charts have the incorrect date (they say they're last edited in December). And Net New Content says it comes from Reader movement metrics, but I believe that comes from editor movement metrics.

Here are updated charts. I added in some code to automatically update the date created section. I want to set aside some time next week to go in and do some code cleanup so all the charts pull from the same functions, which will ensure better consistency (right now they're all just separate files).

Content Interactions (date created fixed):

Active Editors (date created fixed):

New Returning (date created fixed):

Net New Content (data source fixed):

Unique Devices (date created fixed, label fixed):

Let me know if there are other edits I should make!

I wasn't sure if you wanted highlight circles on the unique devices chart but here is a version just in case:

thanks @HXi-WMF !! this is useful coz we are comparing the data with 2021.

Hi @kzimmerman and @HXi-WMF , we attended a session with GDI and Product Designer @KieranMcCann where he shared the Data visualisation guidelines which the Design team is actively working on.
This is a very useful tool to implement for the key product metric work we're doing and share within and outside our team.

@HXi-WMF updates to charts per our discussion:

• separate chart files into two groups: Readers (unique devices, content interactions) and Editors (active editors, active editors - returning vs new, net new content). This will make it easier to incorporate the charts into the two separate repos we have right now.
• add buffer/padding to Y axis, so that the chart's peak and trough do not extend through the full Y axis (per the draft Data visualization guidelines that Maya mentioned: "a good measure is for the line to fill two-thirds of the chart area height"
• For the data loss data: I agree with your suggestion of putting the data directly into the code as a temporary solution, rather than referencing data from Google docs. Make sure it’s well-commented.

Please provide updated versions of the charts with February data when it's available in https://github.com/wikimedia-research/Editing-movement-metrics and https://github.com/wikimedia-research/Readers-movement-metrics

@HXi-WMF : February data is available on https://github.com/wikimedia-research/Readers-movement-metrics

Wanted to make a quick update to say this is what the Active Editors chart looks like with y-axis padding so that the line's peak and trough take up approximately 2/3. How do we feel about it? Should I add in more gridlines now that the line is taking up less space? Does it look too spaced out?

Sorry! Made a small math error. Here is the chart with the 2/3rds ylimits.

Sorry for the deleted comments, fixed a few formatting issues! Here are the charts with February data and y-axis buffering:

Thank you @HXi-WMF , I think these look good! Can you also provide an update for active editors - returning vs new using this format?

Here is the New vs. Returning Editors chart:

Thank you @HXi-WMF ! I find the Y-axis padding to be particularly helpful here - because it gives a better sense of how new & returning change relative to each other.