See a balance sheet and income statement as one picture

Type in the figures from a company's accounts and get a single proportional diagram: where the money came from, what it is sitting in, and how much of the year's sales came back out as profit. Everything is drawn in your browser — nothing is uploaded, and no account is needed.

Balance Sheet

Assets

Liabilities

Equity

Income Statement

Leave Gross Profit at 0 to omit the cost-of-sales split from the chart.

This chart follows the method in Katsunori Kunisada's Financial Statements for Non-Accounting People: The Trilateral Approach[Ad]. It is one reader's approximation of the diagrams in that book, not an official implementation — for diagrams that properly follow the method, the author's site recommends 「財務がみえ〜る」.

As an Amazon Associate, nemawashitools earns from qualifying purchases.

Found a problem with the chart? Report it on GitHub.

When this helps

Someone reading their first 10-K

The numbers are all there but they stay a list. It is hard to feel that $144bn of assets is mostly funded by debt, or that a 6% operating margin is thin, when both are just rows in a table.

Copy current assets, non-current assets, liabilities, equity and the three profit lines out of the filing. The picture shows the proportions you were trying to hold in your head.

An analyst comparing two companies

Two companies of very different sizes cannot be compared line by line, and common-size tables lose the shape of the business.

Chart both at their own scale. Because every bar is a percentage of the larger of total assets and net sales, the two diagrams sit side by side and the difference in structure is immediate.

A founder explaining the accounts to a board

A profitable company can still be short of cash, and the sentence explaining why never lands in a meeting.

Show retained earnings as a slice of equity next to the interest-bearing debt in the same column. The gap between "we made a profit" and "we have the money" is a thing you can point at.

A student learning to read accounts

Textbook exercises give the answer without ever showing why the balance sheet has two sides that must match.

Change one figure and watch the chart stop balancing — the page says by how much, which is a faster lesson than re-adding a column.

FAQ

Is anything uploaded?
No. This tool has no server side at all: the figures you type never leave the page, and the chart is drawn and exported entirely in your browser. You can disconnect from the network after the page loads and it will keep working.
Why are some bars narrower than the others?
A narrow bar is a breakdown of the bars beside it, not another slice of the stack. Interest-bearing liabilities are part of current and non-current liabilities; retained earnings are part of equity; operating income and net income are both carved out of sales. Drawing them at full width would make them look like items that stack to 100%, which they do not.
Where do these figures come from in a filing?
Current and non-current assets, liabilities and equity come off the balance sheet; net sales, gross profit, operating income and net income come off the income statement. Total assets and total interest-bearing liabilities are added up for you, so you only enter the parts.
What does leaving Gross Profit at 0 do?
It omits the cost-of-sales split. The sales column is then drawn as one block rather than divided into cost of sales on top and gross profit below. Useful when a filing does not separate them, or when you only want to show the operating and net margins.
Why will it not chart a company with negative equity?
The bars stack upward from zero, so a negative figure draws a shorter bar rather than a downward one — a chart that would be wrong without looking wrong. Rather than mislead, the page refuses and says so. Charting insolvency properly needs a different layout, and that is not built yet.
Is this the official Trilateral Approach software?
No. It is one reader's approximation of the diagrams in Katsunori Kunisada's book, built out of admiration for the method. For diagrams that properly follow it, the author's own site recommends the 「財務がみえ〜る」 software, which is linked under the chart.
What can I do with the exported file?
PNG pastes straight into a slide deck, a document or a chat. SVG stays sharp at any size and can be edited in Illustrator, Inkscape or Figma — the styles are written into the file, so it renders correctly anywhere.

Related tools