ESG Data Visualization: How to Present Sustainability Data Clearly

The numbers in a sustainability report tell the company’s ESG story. The charts and tables decide whether anyone reads it. A dense emissions table gets a few seconds of attention. The same data as a five-year trend line with a target line is understood in those same seconds. That gap (between data buried and data communicated) is what clear ESG data visualization closes.

This post covers which metrics warrant visual treatment, how to choose chart types, how to build scannable tables, what a useful dashboard looks like, and how to hold one visual language across a report. The standards named here (the GRI Standards and IFRS S2 Climate-related Disclosures) appear as context for what to present clearly, not as compliance guidance.

A note on scope. Walk Production designs sustainability and annual reports for listed companies and organizations across Singapore and Asia-Pacific. The writing and design sit with our own team. Sustainability consulting is available as well, with the consultant on the project appointed by you or drawn from our partner panel. We do not provide audit, independent assurance, or legal advice; those remain with your appointed providers. Everything here is about presentation; confirm your reporting obligations with those providers and the official sources cited below.

What is ESG data visualization, and why does it matter for a sustainability report?

ESG data visualization is the practice of turning environmental, social and governance metrics into charts, tables and infographics a non-specialist reader can grasp quickly. For a sustainability report it determines whether emissions figures, safety records and diversity data get read or skipped. Clear data presentation is a design and editorial discipline first.

ESG analysts, ratings agencies and institutional investors skim sustainability reports; they rarely read them front to back. Take a hypothetical company that cut Scope 1 emissions over four years, for example a fall from 18,000 to 14,000 tonnes of CO2 equivalent. That is a strong result to show. In a twelve-column table with no visual context, most readers will not find it. The same result as a line chart against a downward target trajectory is understood at a glance.

For Singapore-listed issuers, where ISSB-aligned climate disclosure is phased in under the ACRA roadmap, analysts expect data that reads coherently alongside the financial narrative. Sustainability content in a different visual language from the rest of the annual report signals a document that was bolted on. Confirm the current Singapore reporting requirements with ACRA and the SGX Rulebook, as the phasing continues to evolve.

In the annual and sustainability reports we design for listed companies in Malaysia and Singapore, the restrained charts are the ones that earn an analyst’s trust. A clean line against a target line gets believed. A spread crowded with gradients, 3D bars and a chart for every data point reads as a company dressing up its numbers, and an experienced reader treats it that way. Restraint is not a stylistic preference here. It is how the data stays credible.

What does honest ESG data visualization look like?

Honest ESG visualization is the set of integrity rules a designer applies before choosing any chart type at all. The chart shape comes later. What comes first is a short discipline that decides whether the picture tells the truth the underlying numbers tell. We settle these rules at the start of a report, not chart by chart, so the whole document reasons the same way.

Four rules do most of the work on the reports we design. Start the axis at zero whenever a chart is asking the reader to compare magnitudes, because a truncated baseline turns a two percent move into a cliff. Keep one unit and one rounding rule per metric, so a figure never changes shape between the dashboard and the table behind it. Never let a chart and its source table disagree, because the reader who catches one mismatch stops trusting the rest. And show the setback, not only the win: a year where emissions rose belongs on the line, labeled, rather than cropped out of the window.

The framework asks for the same thing a good chart already does. The ISSB’s introduction to IFRS S1 and the sustainability disclosure standards frames quality around two questions a preparer should be able to answer yes to: does the information give a complete, neutral and accurate depiction of the risks and opportunities, and is it comparable, verifiable, timely and understandable. A truncated axis is not neutral. A baseline chosen to flatter is not neutral. A setback year cropped out of the window is not complete. A unit or rounding rule that shifts between charts is exactly what quietly breaks comparable. So the four rules are not house taste dressed up as principle: they are what a complete, neutral and comparable presentation looks like once it reaches the page. Confirm the wording against the current ISSB guidance, since the standards and their supporting material are still being added to.

These are not aesthetic preferences. They are the difference between a chart an analyst reads as evidence and a chart they read as persuasion. A designer who fixes them up front spends the rest of the project choosing chart types, not defending them.

Which ESG metrics need to be shown visually?

The metrics worth visualizing are the ones readers compare year on year: greenhouse gas emissions by Scope 1, 2 and 3, energy and water use, workforce diversity, and health-and-safety rates. GRI Standards and IFRS S2 identify what to disclose; this section is about presenting those numbers clearly, not deciding what to report.

The common visual-worthy metric families are:

• Emissions: Scope 1 (direct), Scope 2 (purchased energy), Scope 3 (value chain). Under IFRS S2, issuers disclose absolute gross greenhouse gas emissions for Scope 1, 2 and 3 in metric tonnes of CO2 equivalent, measured under the GHG Protocol Corporate Standard, alongside progress toward any targets set. That standard defines the scopes and the seven greenhouse gases an emissions figure rolls up, which is the presentation point a designer takes from it: label every emissions number with its scope, its unit and its reporting boundary, because the figure is only legible once the reader knows what it covers. The progress-toward-target requirement also creates a natural chart, actual versus target, by year.
• Energy and water: total consumption and intensity ratios over time.
• Waste: generation by type and disposal route.
• Workforce diversity: gender and age representation, new hires, turnover.
• Health and safety: lost-time injury rates, near-miss frequency, training hours.
• Board governance: board composition, committee independence, meeting attendance.

Not every metric needs a chart. A single-year board diversity figure reads well as a labeled number. A five-year GHG trajectory needs a line chart. The design question is whether the shape of the data carries meaning a raw number cannot.

How do you choose the right chart for each ESG metric?

Match the chart to the question the reader is asking. Use line charts for trends over time, bar charts for comparisons between categories, and tables when precise figures matter more than shape. A target line over an emissions trend answers “are we on track?” faster than any paragraph could.

For Singapore-listed issuers working toward IFRS S2 alignment, the target-versus-actual emissions chart is the most useful single infographic in the sustainability section. IFRS S2 asks for progress toward climate-related targets (confirm current requirements with your adviser), so the design must show both the actual trajectory and the target in one visual.

Take a worked case. A hypothetical issuer has a five-year Scope 1 and 2 series and a 2030 reduction target, and wants the spread to answer one question: are we on track? We reach for a line, not a bar. A line reads the slope at a glance, which is the whole point of a trajectory, where a column chart asks the reader to compare bar heights one pair at a time. The target sits as a second line running to the 2030 endpoint, and the gap between the two lines at the latest year is annotated directly on the chart, because the distance to target is the figure the reader actually came for. We resist a second axis. The temptation is to fold an intensity ratio onto the same chart, but a dual axis lets a designer set two scales that imply any relationship they like, and an analyst knows it. Intensity belongs in its own small chart beside the absolute one, so neither has to carry two stories.

Absolute and intensity are worth pairing for a reason beyond tidiness. For a company that is growing, absolute emissions can rise in the same year that emissions per unit of revenue or output fall, and the two numbers then point in opposite directions. Show only the absolute figure and a reader reads a company going backward; show only the intensity ratio and a reader misses that the total footprint grew. Neither alone is the honest picture. Present them as a paired small-multiple, the absolute series and the intensity series side by side at the same width, so the reader holds both readings at once and the company is not caught choosing the flattering one. This is the constructive other half of the dual-axis ban: do not stack the two on one chart, set them next to each other instead.

Failures to avoid: pie charts with more than four segments are unreadable; dual-axis charts mislead when scales are unexplained. Design the few charts that get read in seconds rather than generating every data point as a graphic.

How do you visualize a target without overclaiming?

A target chart is the one place in a sustainability report where the design itself can mislead, even when every number is true. The credibility lives in how the line is drawn, not only in what it plots. The discipline is simple to state and easy to break: show where the company started, separate what happened from what is planned, and never let the picture flatter the path.

Three failures recur, and each is a drawing decision rather than a data error. The first is a target line with no baseline year on the chart, so the reader cannot tell what the company is measuring from, only where it says it is going. State the baseline year on the axis and the target year at the line’s end, so the ambition has both a starting point and a deadline on the page. The second is a baseline chosen to flatter: a curve that opens on the company’s worst year makes every later figure look like progress. We anchor the series to the year the basis of preparation names, not the year that draws best, and where a baseline genuinely has to change we say so beside the chart. The third is the projected trajectory styled to read as fact. A dashed, lighter-weight line for the forward path, a solid full-weight line for the actuals, and a clear label on each, keep the reader from mistaking a plan for a record.

Two further moves keep a target honest on the page. Show the stall years rather than smoothing them, because a flat or rising stretch left visible is more believable than a curve that only ever descends. And annotate the gap to target at the latest actual year, so the reader sees how far the company has come and how far is left in one read. A target drawn this way carries its own evidence. The pillar guide makes the editorial version of this case in its section on setting credible climate targets; on the page, it is a line-weight and labeling problem before it is anything else.

How should you present ESG data in tables?

Make tables scannable: clear column headers, figures right-aligned, units stated once at the top, and consistent decimal places throughout. A reader should locate a single figure without decoding the grid. Tables carry the precise numbers that charts summarize, so the two must agree exactly.

The practical rules:

• Align figures to the right, headers to the left or center.
• State units once, in the column header, not repeated in every cell.
• Include three-year comparatives so trend and consistency are visible without a separate chart.
• Round consistently: if one Scope 1 figure is reported to two decimal places, all of them should be.
• Flag restated figures with a footnote rather than silently changing a prior-year number.

The chart-table consistency point matters more than most teams realize. If the Scope 1 figure in the dashboard reads 14,200 tCO2e and the table reads 14,178 tCO2e, an analyst flags it. One inconsistency creates doubt about all the others. Build from a single data source and let both the chart and the table pull from it.

A restated figure deserves more design care than it usually gets. The honest move is to show both numbers: the original prior-year value and the restated one, side by side, with a short footnote saying why it changed. A table that quietly overwrites last year’s figure with this year’s corrected one leaves a reader who kept the prior report with two different numbers and no explanation, which reads worse than the error it fixed. Where space allows, a small “restated” tag in the cell, keyed to the footnote, does the work without cluttering the column.

GRI’s content-index structure provides a useful organizing principle for back-of-report data tables: mapping each disclosure number to the table that carries the relevant data creates a reference assurance reviewers and analysts can follow without guidance.

What makes an ESG performance dashboard work?

A performance dashboard gives the reader the headline before the detail: the handful of metrics that define the year, each with its prior-year figure and its target. It sits at the front of the sustainability section so an analyst gets the takeaway in one spread, then drills into the full tables behind it.

The dashboard should carry no more than eight to ten metrics. If everything is highlighted, nothing is. Each metric card needs three figures: the baseline year value, the current year value, and the target. The progression across those three answers the question “is the company improving?” without the reader hunting across three tables.

The card layout is where most dashboards either earn trust or lose it. A card that works leads with the metric name and its unit, sets the current-year figure as the largest element, places the prior-year value and the direction of change beside it, and shows the target as the reference the figure is moving toward. What it should not do is decorate the direction: a green up-arrow on a rising emissions number is the kind of automatic color-coding that flatters the wrong way, because up is not good when the metric is emissions. We let the number and its target carry the meaning and reserve color for the chart system’s fixed roles, not for a verdict the reader should reach themselves.

For digital reports and microsites, an interactive dashboard tends to earn its place with the institutional investors who hold Singapore-listed exposure. A static PDF dashboard is still the primary format most analysts work from, with the interactive layer sitting alongside it rather than replacing it.

One credibility point: a dashboard that shows only upward arrows reads as marketing to an experienced analyst. If water consumption rose because a new facility opened, say so. That transparency builds more trust than a curated highlights page.

How should ESG charts read against the financial highlights?

The test of one visual language is whether a single number survives the trip across both halves of the report unchanged. An analyst who meets a Scope 2 figure in the climate dashboard, then again in the financial review’s risk narrative, then a third time in the back-of-report data table, should see the same value in the same number format wearing the same color, every time. When it shifts even slightly, the document reads as two teams who never spoke.

Follow one figure through. Say the company’s Scope 2 emissions for the year are 9,400 tCO2e. In the sustainability dashboard it sits on a metric card as a large 9,400, with its unit, its prior-year value, and its target beside it. In the financial review, where the pillar guide notes that climate risk reflected in the financial review is what an analyst checks for, the same 9,400 tCO2e appears in the principal-risks narrative as the figure behind the energy-cost and transition exposure, not a rounded-off 9.4k that no longer ties out. In the data book at the back, it appears once more, to the same decimal place, in the row the GRI or IFRS S2 disclosure index points to. Three appearances, one number, one format. The color that means “current year” in the dashboard line chart is the same color the financial highlights use for the current year. The reader never has to reconcile the halves, because the design already did.

That single-number discipline is what makes the report read as one document rather than two disclosures bound together. It is also the cheapest credibility win available to a reporting team, because it costs nothing but coordination and its absence is the first thing a careful reader notices.

How do you keep one visual language across the report?

One visual language means consistent typography, a fixed color palette, and a single chart style applied to both financial and sustainability content. When the sustainability section uses a different palette and chart system, readers sense it was treated as a separate task. This is where committing to sustainability report design as one coordinated piece of work, rather than a section handed off late, pays off most.

Use color with meaning: if blue represents the current year and gray the prior year, that pairing holds for every chart in the document. Never use color as the only signal for distinguishing data series.

As our guide to Annual Reports and Sustainability Reports for Singapore companies notes: one narrative spine and one visual system signal that the report is one document, not two disclosures bound together.

How do you build a chart system the whole report can reuse?

A chart system is the small kit of rules that lets a hundred-page report draw a hundred charts in one voice. Decide it once, early in the design process, and every later chart inherits it rather than reinventing a palette and an axis style each time. The point is reuse: a financial highlights bar and a Scope 1 emissions line should look like siblings, not strangers.

The kit a report actually needs is short:

• Two to four brand-aligned colors, each with a fixed meaning held across every chart, financial and sustainability alike, so a color never means one thing in the highlights spread and another in the emissions section.
• One axis and gridline treatment, so the reader’s eye calibrates once and reads every chart faster after.
• One number-formatting rule, covering decimal places, thousands separators and how units are stated, applied to chart labels and tables together.
• One icon style, where icons are used at all, rather than a mix of line and filled sets pulled from different libraries.
• One reusable target-line style, a single convention for the dashed projected line and the solid actual line, so a target reads the same way wherever it appears.

Hold this kit across the financial and the sustainability content and the document stops looking like two publications bound together. When the sustainability section is treated as one coordinated piece of work from the first design round, rather than a chapter handed off late, this kit is the thing that keeps it coherent through every proof.

How do you make ESG charts accessible in print and digital reports?

Accessible ESG charts pair every graphic with an equivalent text alternative and, for complex charts, a data table that conveys the same figures. W3C accessibility guidance for complex images lists graphs and charts as complex images and states that “a two-part text alternative is required”: a short description that identifies the chart and points to the longer one, then a long description that conveys the full data, which the guidance itself demonstrates as a data table. For a designer that resolves a recurring question cleanly. The short alt text names the finding, and the data table built for the chart serves as the long description.

For interactive PDFs (the primary format for analyst distribution from most Singapore-listed issuers), WCAG-compliant accessibility tagging is good practice and, in our experience, something readers increasingly appreciate. The accessibility points to cover are:

• Every chart has a meaningful text alternative, describing the finding, not just the chart type.
• Data series are distinguished by pattern or shape, not color alone.
• Color contrast meets the WCAG 2.1 thresholds a designer can actually check: 4.5:1 for normal text and 3:1 for large text under SC 1.4.3 Contrast (Minimum), and 3:1 for the graphical parts a reader needs to understand the chart, such as data lines, points and axis marks, under SC 1.4.11 Non-text Contrast. A pale line on a white field can fail the second test while the labels pass the first.
• Interactive PDFs carry tagged heading structure, reading order, and figure descriptions so screen readers can navigate the document.

The practical upside: the data table built behind a chart for accessibility is the same table the assurance provider and the analyst want to see. Build it once and let it serve both purposes.

What are the common mistakes in ESG data visualization?

The recurring mistakes are charts that mislead, figures that disagree between chart and table, decoration mistaken for design, and a sustainability section visually divorced from the rest of the report. Each one costs credibility with the exact readers the data is meant to convince.

• Misleading axes: a y-axis starting at a non-zero value makes a modest improvement look dramatic.
• Inconsistent figures: the same metric stated differently across the dashboard, the chart and the table.
• Chart junk: gradient fills, drop shadows, 3D effects, and icon overload that add visual noise without adding information.
• No comparatives: single-year figures without a baseline or prior year give the reader no way to judge progress.
• Color-only encoding: data series distinguishable only by color fail a significant share of readers.
• Clashing palette: sustainability section colors that contradict the annual report design system.

Reports that show only upward-trending figures, or that choose a favorable baseline year to inflate progress, read as marketing to assurance reviewers. A setback explained is more credible than a setback omitted. And no presentation, however well-designed, substitutes for the issuer’s framework compliance and third-party assurance. The figures these charts present sit inside a wider document, and our companion posts cover the rest of it: what a sustainability report is and the ESG reporting standards that apply in Singapore. This post stays on how to draw the charts so a reader believes them.

How Walk Production can help

Walk Production is an integrated creative agency that designs sustainability and annual reports for listed companies and organizations across Singapore and Asia-Pacific. Our in-house team handles layout, infographic design, data visualization, and report design, so dense ESG metrics read clearly to an analyst, an institutional investor, or a retail shareholder. That same team writes and presents the report. The consultant on the project confirms the data, disclosures, and compliance decisions, whether you appointed them or they come from our partner panel. Independent assurance and legal advice remain with your appointed providers.

Starting the design conversation early makes the difference between a report built as one document and one reconciled at the last proof round. That applies as much to a first ISSB-aligned report as to a refresh cycle.

See our sustainability report design service, browse our work, including our sustainability report for QSR Brands, an F&B group, or talk to the team about the reporting cycle ahead.