Tag: animation

New Site Section: Data

I’ve added a new tab to the top menu bar: Data: Interesting Diagrams from the Real World.

The first examples there show financial results for companies over time, with the first (of several) being Apple.

You may have already seen such diagrams presented elsewhere in Sankey form. What’s new here is:

  1. Each diagram is overlaid on the same period’s results from the year before
  2. There’s a slider so you can compare them.

Here’s a static screenshot of one:

A Sankey diagram summarizing Apple's 2023 financial results. The main node shows Apple's 2023 Net Sales figure of 383 billion dollars. On the input side, that figure is subdivided into Products and Services, with the Products node further broken down into individual product lines (iPhone, Wearables, Mac, iPad). On the output side, the Net Sales is broken up to show what portion is Cost of Sales (4B) vs Margin (9B). More stages are shown, subtracting more expenses, until the bottom line is reached at the diagram's bottom right corner: Net Income for 2023 of ,995M
Apple’s 2023 Net Sales diagram

(Note that on the page itself, you’ll also get some highlighting & tooltips when hovering that you can’t see in this image.)

And here’s an animated example showing Apple’s 2024 results and a slider revealing the prior year’s results:

Animation. A sankey diagram describing Apple's Q1 2024 results is shown. A slider bar at the right of the diagram is grabbed by a mouse pointer and is dragged to the left of the diagram, revealing a diagram of Apple's 2023 Q1 results for comparison.

(cross-posted from vis.social/@SankeyMATIC)