<!--
================================================================================
DESIGN NOTES — Candidate C3 "The Lodgement Ledger", round 3
Direction: broadsheet data journalism, built from the bond-lodgement form and the
NSW statistical-release stamp rather than from a broadsheet mood board.

ROUND 3 IS AN APPROACHABILITY PASS. The brief did not change; the reader did not
change. What changed is the ORDER in which this page hands its evidence over. A
colleague reading round 2 said the finalists were very data-oriented and that a
non-technical reader would want the statistics surfaced progressively. Round 3
answers that by SEQUENCING, never by interpreting. Nothing was softened, nothing
was removed, no number lost its sample size, and no sentence acquired a verdict,
a reassurance, a recommendation, or a second person.
================================================================================

(a) HUE -> MEANING MAPPING (unchanged from round 2)
    Exactly two non-neutral hues, verifiable by a hex census of this file.

    STEEL  #1B4D6B  = "this came out of the NSW bond-lodgement dataset."
                      Quartile band, median line, band chart, per-month
                      lodgement bars, every mark in the lodgement tally, and the
                      adequate-tier chip. Nothing else carries it.
    AMBER  #7A5000  = "this figure was typed into this browser and is not from
                      the dataset." The current and proposed rent figures only,
                      used identically in all three outcomes, so it carries no
                      valence and never points a verdict at a reader.

    Neutrals: INK #14171A text and links; INK-2 #4A4F55 secondary text; RULE
    #B9B7B1 structural hairlines (no meaning); RULE-2 #646B72 meaning-carrying
    neutral marks (unfilled tally positions, axis lines, thinness hatch); PAPER
    #F5F4F1 / PAPER-2 #EDEBE6 surfaces. No red, no green, no purple. Confidence
    carries NO hue: it is tally fill, rule pattern, a hatched rail and a written
    tier word. Focus is ink, so focus never borrows a data mark's meaning.

(b) BOLDNESS BUDGET — ONE SIGNATURE ELEMENT: THE LODGEMENT TALLY
    Every statistic sits above a ruled slot of thirty tick positions, one mark
    per bond lodged. n = 5 is five hairlines countable by eye; n = 16 fills a
    little over half; n = 0 is an empty ruled slot. Sample size is the binding
    constraint on this dataset and a digit does not feel like one — "n = 5" and
    "n = 198" are the same size, the same weight, and four characters apart.

    ROUND-3 FIX — THE OVERFLOW IS NOW COUNTED, NOT ELIDED. In round 2 anything
    past thirty drew one caret, so n = 198 and n = 529 rendered identically. The
    caret is kept as the "the slot ran out" mark, and past it the tally now
    continues in BLOCKS: one block per further thirty lodgements, with the last
    block filled to its remainder. n = 198 draws a full slot, five full blocks
    and a block filled 18/30 — countable, and visibly a different quantity from
    n = 529, which would draw sixteen blocks and a block filled 19/30. The
    device stays one device: marks are countable while few, blocks while many.

(c) TYPEFACES (two) AND THE TYPE SCALE (five sizes, SVG included)
    Source Serif 4 for headings, prose and display figures; IBM Plex Sans for
    labels, tables, axis text and controls. Loaded from Bunny Fonts — the only
    external requests this file makes. Georgia is deliberately excluded from the
    serif fallback because its old-style figures would break tabular alignment.
    Every number is set with `font-variant-numeric: tabular-nums lining-nums`.

    Scale: 13 / 16 / 19 / 25 / 44px. FIVE, including every SVG `font-size`.

    ROUND-3 FIX — PROVENANCE IS NO LONGER SET AT 13px. Round 2's notes claimed
    the provenance grid had moved to 16px; a judge measured the file and found
    `.prov > summary`, `.stamp`, `.cite`, `figcaption`, `footer`, `table` and
    `caption` still at 13. They are now all 16, together with `.note`,
    `.legend`, `.nav-stamp`, `.schedule .meta`, `.stamp-rule`, `.tally-lab`,
    `.cellkey .expand`, `.flank .k` and `.entered .lab`. 13px now survives only
    on small-caps eyebrows, statistic labels, tier chips, fieldset legends and
    SVG axis text — labels, not provenance. §4.1 says provenance is load-bearing
    and must not be set like a disclaimer, and in round 2 it was.

(d) THE FOUR CONFIDENCE TIERS AT A GLANCE
    Four channels move together, all ordered the same way: tally fill (full and
    overflowing -> half -> a few marks -> empty), the block's left rule (solid ->
    dashed -> dotted -> dotted grey), the field's ground, and a small-caps tier
    word. Readable without reading a digit.

    ROUND-3 FIX — THE HATCH NO LONGER RUNS UNDER PROSE. Round 2 hatched the
    whole field for the very-thin and none tiers, so diagonal rules crossed the
    letterforms of the empty state's own explanation — the one state P4 exists
    to protect. The hatch is now a rail down the left edge of the field, 20px
    wide, at the same two densities; text sits on flat paper. The ground channel
    is therefore: clean -> tinted -> tinted with a hatched rail -> tinted with a
    densely hatched rail. Ordered as before, and legible over type.

(e) ROUND 3 — THE ENTRY VIEW, AND WHY IT IS A LADDER RATHER THAN A SIMPLER PAGE
    View 1 is new: the page as a first-time reader meets it. It opens on ONE
    number, one plain sentence saying what that number means in words, the tier
    word, n, and the tally. Everything else is behind four steps whose labels
    name exactly what opens — "Show how these rents compare", "Show the last
    twelve months", "Show where these figures come from", "Show how these
    figures are worked out". Nothing is deleted or deferred out of reach: full
    depth is inside the same section, one tap away, and every step panel closes
    on its own sample size, period and dataset version so a step read alone is
    still a cited figure (G5).

    The ladder is authored in this candidate's own vocabulary. The tally is the
    natural first rung: "each mark is one bond lodged" needs no statistical
    literacy at all, and it puts the sample size in front of the reader before
    any quartile does. The quartile gloss is a step rather than a footnote. The
    twelve-month band chart is a step, not the second screen.

    WHAT FRIENDLINESS IS NOT ALLOWED TO MEAN HERE. No reassurance, no verdict,
    no advice, no second person, no exclamation, and no softened thinness
    warning: the sparse view still opens by stating that this cell holds five
    lodgements. The friendliness is in sequence and in word choice only —
    "middle rent" before "median", "the middle half of the rents" before
    "quartile", one number at a time instead of five. Every deeper layer keeps
    round 2's wording exactly.

(f) WHY THIS SUBJECT
    Broadsheet hairlines are the easy answer, so the specifics come from the
    bond-lodgement world.
    1. THE TALLY comes from what a row in this dataset is: a form lodged with
       the Rental Bond Board at the start of a tenancy. Sample size is a count
       of filings, so it is drawn the way filings are counted.
    2. THE CELL KEY heads every view — `2017 · F · 2 BR · 2026-06` — the key the
       dataset is actually keyed on, with the product's own dwelling labels
       expanded beside it.
    3. THE SCHEDULE OF VIEWS is a schedule of cells, each row carrying its
       record key, sample size and tier, not a list of page sections.
    4. THE EXTRACT STAMP closes every view: SOURCE / CELL / PERIOD / SAMPLE /
       DATASET / RETRIEVED, so any single view survives being screenshotted and
       forwarded on its own.
    5. AND IT REPEATS because of the second reader. Provenance in a footer
       survives the page and not the screenshot.

(g) ROUND-3 FIX — THE PAGE'S IDENTITY NO LONGER SITS IN THE h1
    The product name is a placeholder pending a rename, and round 2 set it as
    the h1 — the largest and most structural type on the page. The h1 is now the
    release title, "Weekly rents from NSW rental bond lodgements", which
    describes the content and survives any rename. The name appears as a small
    issuing line above it and in running text in the footer and the shared
    extract: a rename is a string swap in three lines of prose, and nothing
    needs redrawing.

(h) ROUND-3 FIX — THE EXTRACT STAMP'S LABEL COLLISION
    The keyed stamp set `dt` and `dd` inline with no separator, so at some
    widths it rendered "sourceNSW" and "datasetData". Each `dt` now carries an
    en-space and cannot wrap away from its value.
================================================================================
-->
<!doctype html>
<html lang="en-AU">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>NSW Rent View — rental bond lodgement figures</title>
<link rel="preconnect" href="https://fonts.bunny.net">
<link rel="stylesheet" href="https://fonts.bunny.net/css?family=ibm-plex-sans:400,500,600|source-serif-4:400,600">
<style>
:root{
  --paper:#F5F4F1; --paper-2:#EDEBE6;
  --ink:#14171A; --ink-2:#4A4F55;
  --rule:#B9B7B1; --rule-2:#646B72;
  --steel:#1B4D6B; --steel-fill:#CBDBE4;
  --amber:#7A5000;
  --t-xs:13px; --t-s:16px; --t-m:19px; --t-l:25px; --t-xl:44px;
  --serif:"Source Serif 4","Source Serif Pro",Charter,"Charis SIL","Times New Roman",Times,serif;
  --sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --hatch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M0 9 L9 0' stroke='%23646B72' stroke-width='0.7'/%3E%3C/svg%3E");
  --hatch-dense:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 6 L6 0' stroke='%23646B72' stroke-width='0.9'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%}
body{
  background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:var(--t-s); line-height:1.5;
  -webkit-text-size-adjust:100%;
}
.num{font-variant-numeric:tabular-nums lining-nums; font-feature-settings:"tnum" 1,"lnum" 1;}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
svg{max-width:100%}

/* links are INK, never the data hue; affordance is the underline, not colour */
a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{background:var(--paper-2);text-decoration-thickness:2px}

/* ---------- masthead ---------- */
.masthead{border-bottom:2px solid var(--ink);padding:12px 0 10px}
h1{
  font-family:var(--serif); font-size:var(--t-l); line-height:1.15;
  font-weight:600; margin:0; letter-spacing:-0.01em;
}
.eyebrow{
  font-size:var(--t-xs); font-variant:small-caps; letter-spacing:0.09em;
  color:var(--ink-2); margin:0 0 2px; font-weight:500;
}
.stamp{font-size:var(--t-s);color:var(--ink-2);margin:5px 0 0;max-width:62ch}
.pubname{font-size:var(--t-xs);font-variant:small-caps;letter-spacing:0.11em;font-weight:600;color:var(--ink);margin:0 0 3px}

/* ---------- schedule of views (the contents, keyed like the dataset) ---------- */
nav details{border-bottom:1px solid var(--ink)}
summary{
  list-style:none; cursor:pointer; min-height:44px; display:flex;
  align-items:center; gap:10px; font-size:var(--t-xs); font-weight:600;
  color:var(--ink); padding:6px 0; transition:background-color .15s linear;
  font-variant:small-caps; letter-spacing:0.08em;
}
summary::-webkit-details-marker{display:none}
summary::before{
  content:""; width:11px;height:11px;flex:0 0 11px;
  border-left:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(-45deg);margin-left:3px;
}
details[open]>summary::before{transform:rotate(135deg);margin-top:5px}
summary:hover{background:var(--paper-2)}
.schedule{list-style:none;margin:0 0 10px;padding:0}
.schedule li{border-top:1px solid var(--rule)}
.schedule a{
  display:block;min-height:44px;text-decoration:none;color:var(--ink);
  padding:7px 0;margin:3px 0;
}
.schedule a:hover .st{text-decoration:underline;text-decoration-thickness:2px}
.schedule .st{font-size:var(--t-s);display:block;line-height:1.3}
.schedule .meta{
  font-size:var(--t-s);color:var(--ink-2);display:flex;flex-wrap:wrap;
  gap:2px 12px;margin-top:2px;
}
.schedule .sk{letter-spacing:0.08em}
.nav-stamp{font-size:var(--t-s);color:var(--ink-2);margin:0 0 12px;max-width:62ch}

/* ---------- sections ---------- */
section{border-top:1px solid var(--rule);padding:22px 0 8px}
section:first-of-type{border-top:none;padding-top:14px}
h2{font-family:var(--serif);font-size:var(--t-l);font-weight:600;line-height:1.2;margin:0 0 2px}
h3{font-family:var(--serif);font-size:var(--t-m);font-weight:600;margin:22px 0 6px}
h4,h3.minorhead{
  font-family:var(--sans);font-size:var(--t-s);font-variant:small-caps;
  letter-spacing:0.08em;color:var(--ink);margin:20px 0 4px;font-weight:600;
}
.standfirst{font-family:var(--serif);font-size:var(--t-s);color:var(--ink-2);margin:6px 0 14px;max-width:60ch;line-height:1.45}
p{max-width:60ch}
.prose{font-family:var(--serif);max-width:60ch;line-height:1.5}
.note{font-size:var(--t-s);color:var(--ink-2);max-width:60ch}

/* ---------- cell key ---------- */
.cellkey{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);
  padding:7px 0;margin:12px 0 14px;
}
.cellkey .key{
  font-size:var(--t-s);font-weight:600;letter-spacing:0.11em;
  font-variant-numeric:tabular-nums lining-nums;
}
.cellkey .expand{font-size:var(--t-s);color:var(--ink-2);max-width:60ch}

/* ---------- statistic field + confidence tiers ---------- */
.field{position:relative;padding:12px 14px;border-left:4px solid var(--steel);background:transparent}
.field.thin{border-left-style:dashed;background-color:var(--paper-2)}
.field.verythin{border-left-style:dotted;background-color:var(--paper-2)}
.field.none{border-left-style:dotted;border-left-color:var(--rule-2);background-color:var(--paper-2)}
/* the thinness hatch is a rail, not a ground: round 2 ran it under the empty
   state's own explanation and the diagonals crossed the letterforms */
.field.verythin,.field.none{padding-left:34px}
.field.verythin::before,.field.none::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:20px;
  background-color:var(--paper-2);background-image:var(--hatch);
  border-right:1px solid var(--rule);
}
.field.none::before{background-image:var(--hatch-dense)}
.field.thin,.field.verythin,.field.none{box-shadow:inset 0 0 0 1px var(--rule)}

.stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px}
.stat .big{font-family:var(--serif);font-size:var(--t-xl);font-weight:600;line-height:1.05;letter-spacing:-0.015em}
.stat .unit{font-size:var(--t-s);color:var(--ink-2)}
.statlabel{font-size:var(--t-xs);font-variant:small-caps;letter-spacing:0.09em;color:var(--ink-2);font-weight:600}
.flank{display:flex;gap:26px;margin-top:10px;flex-wrap:wrap}
.flank .v{font-family:var(--serif);font-size:var(--t-l);font-weight:600;line-height:1.1}
.flank .k{font-size:var(--t-s);color:var(--ink-2);display:block}
.nodata{font-family:var(--serif);font-size:var(--t-l);font-weight:600;line-height:1.2;margin:2px 0 0}

/* ---------- the lodgement tally ---------- */
.tally-block{margin-top:14px;padding-top:10px;border-top:1px solid var(--rule)}
.tally-lab{font-size:var(--t-s);color:var(--ink-2);margin:0 0 5px;max-width:60ch}
.tally{display:block;height:22px}
.tally-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:7px;max-width:60ch}
.tier{
  font-size:var(--t-xs);font-variant:small-caps;letter-spacing:0.09em;font-weight:600;
  border:1px solid var(--rule-2);padding:1px 7px;color:var(--ink);white-space:nowrap;
}
.tier.t-adequate{border-style:solid;border-color:var(--steel);color:var(--steel)}
.tier.t-thin{border-style:dashed}
.tier.t-verythin{border-style:dotted;border-width:2px}
.tier.t-none{border-style:dotted;border-width:2px;border-color:var(--rule-2);color:var(--ink-2)}
.tally-n{font-size:var(--t-s);color:var(--ink)}

/* ---------- the entry ladder (view 1) ---------- */
.plain{font-family:var(--serif);font-size:var(--t-s);max-width:60ch;margin:9px 0 0;line-height:1.5}
.plain.first{margin-top:10px}
.ladder-lab{
  font-size:var(--t-xs);font-variant:small-caps;letter-spacing:0.09em;
  color:var(--ink-2);font-weight:600;margin:20px 0 0;
}
.step{border-top:1px solid var(--rule)}
.step:last-of-type{border-bottom:1px solid var(--rule)}
.step>summary{
  font-variant:normal;letter-spacing:0;font-size:var(--t-s);font-weight:600;
  color:var(--ink);padding:8px 0;
}
.step-body{padding:0 0 16px}
.stepstamp{
  font-size:var(--t-s);color:var(--ink-2);margin:10px 0 0;max-width:62ch;
  border-top:1px solid var(--rule);padding-top:6px;
  font-variant-numeric:tabular-nums lining-nums;
}

/* ---------- provenance disclosure ---------- */
.prov{border-top:1px solid var(--rule);margin-top:10px}
.prov>summary{color:var(--ink);font-size:var(--t-s);font-variant:normal;letter-spacing:0}
.prov-body{padding:2px 0 12px}
.prov dl{margin:0;display:grid;grid-template-columns:130px 1fr;gap:10px 14px;font-size:var(--t-s)}
.prov dt{color:var(--ink-2);font-variant:small-caps;letter-spacing:0.07em;font-weight:600}
.prov dd{margin:0;max-width:58ch}
.prov dd a,footer a,.linkrow a{display:inline-flex;align-items:flex-start;min-height:44px;padding:1px 2px}
.linkrow{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:var(--t-s);margin-top:2px}
.linkrow a{align-items:center}

/* ---------- figures ---------- */
figure{margin:18px 0 0}
figcaption{font-size:var(--t-s);color:var(--ink-2);margin-top:8px;max-width:60ch}
.fcap{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--t-s);color:var(--ink-2);margin:0 0 8px;max-width:60ch}
.legend span{display:flex;align-items:center;gap:6px}
.sw{width:22px;height:12px;flex:0 0 22px;display:inline-block}
.sw-band{background:var(--steel-fill);border:1px solid var(--steel)}
.sw-med{background:transparent;border-top:2.5px solid var(--steel);height:2px}
.sw-ent{background:transparent;border-top:2px solid var(--amber);height:2px}
.rulefig{width:100%;max-width:460px}
.chart-mobile{width:100%;max-width:460px}
/* the entry ladder's chart is never swapped out, so it is capped at its own
   viewBox width and its 13px labels stay 13 real pixels at every viewport */
.chart-entry{width:100%;max-width:343px}
.chart-desktop{display:none}

/* ---------- entered figures ---------- */
.entered{border:1px solid var(--rule);border-left:4px solid var(--amber);padding:11px 13px;margin-top:16px;background:var(--paper-2)}
.entered .row{display:flex;align-items:baseline;gap:9px;padding:4px 0}
.entered .mark{width:13px;height:13px;flex:0 0 13px;position:relative;top:1px}
.entered .amt{font-family:var(--serif);font-size:var(--t-m);font-weight:600;color:var(--amber)}
.entered .lab{font-size:var(--t-s);color:var(--ink-2)}
.position{font-family:var(--serif);font-size:var(--t-s);margin:8px 0 0;max-width:60ch;line-height:1.45}

/* ---------- tables ---------- */
.tablewrap{overflow-x:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:10px}
table{border-collapse:collapse;width:100%;font-size:var(--t-s);min-width:300px}
caption{text-align:left;font-size:var(--t-s);color:var(--ink-2);padding:6px 0;max-width:60ch}
th,td{padding:5px 8px 5px 0;text-align:right;border-bottom:1px solid var(--rule);white-space:nowrap}
th:first-child,td:first-child{text-align:left}
thead th{font-weight:600;color:var(--ink-2);border-bottom:1px solid var(--rule-2);font-variant:small-caps;letter-spacing:0.05em;white-space:normal;vertical-align:bottom}
tbody tr:last-child td{border-bottom:none;font-weight:600}

/* ---------- quotation ---------- */
blockquote{
  margin:12px 0 0;padding:10px 0 10px 14px;border-left:3px solid var(--steel);
  font-family:var(--serif);max-width:60ch;
}
blockquote p{margin:0 0 8px;line-height:1.45}
blockquote p:last-child{margin-bottom:0}
.qmark{font-size:var(--t-xs);font-variant:small-caps;letter-spacing:0.09em;color:var(--ink-2);font-weight:600;display:block;margin-bottom:6px;font-family:var(--sans)}
.cite{font-size:var(--t-s);color:var(--ink-2);margin-top:10px;font-style:normal;max-width:60ch;display:block}

/* ---------- the extract stamp (closes every view) ---------- */
.stamp-rule{
  border-top:1px solid var(--ink);margin:20px 0 0;padding-top:7px;
  font-size:var(--t-s);color:var(--ink);max-width:62ch;line-height:1.7;
}
.stamp-rule.endorse{border-top:3px double var(--ink);padding-top:9px}
.stamp-rule dt,.stamp-rule dd{display:inline;margin:0}
.stamp-rule dt{
  font-variant:small-caps;letter-spacing:0.09em;color:var(--ink-2);font-weight:600;
  white-space:nowrap;
}
/* the en-space is the fix for round 2's "sourceNSW" / "datasetData" collision:
   dt and dd are inline and the markup carries no whitespace between them */
.stamp-rule dt::after{content:"\2002"}
.stamp-rule dt:not(:first-child){margin-left:12px}
.stamp-rule dd{font-variant-numeric:tabular-nums lining-nums}

/* ---------- controls ---------- */
fieldset{border:none;border-top:1px solid var(--rule);margin:0;padding:8px 0 4px}
legend{font-size:var(--t-xs);font-variant:small-caps;letter-spacing:0.09em;color:var(--ink-2);font-weight:600;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;margin:0;cursor:pointer}
.opt span{
  display:flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;
  padding:0 12px;border:1px solid var(--rule-2);font-size:var(--t-s);background:var(--paper);
}
.opt input:checked+span{border-color:var(--steel);border-width:2px;background:var(--steel-fill);font-weight:600;color:var(--ink)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:var(--t-s);cursor:pointer;margin:8px 8px 0 0;
}
.btn:hover{background:var(--paper-2)}

/* ---------- focus: a block plus a solid ink underbar, not an outline alone ---------- */
a:focus-visible,summary:focus-visible,.btn:focus-visible,.schedule a:focus-visible,
.opt input:focus-visible+span,.focus-demo{
  outline:3px solid var(--ink);outline-offset:2px;background:var(--paper-2);
  box-shadow:0 7px 0 -1px var(--ink);text-decoration:none;
}
.skip{position:absolute;left:-9999px}
.skip:focus{left:18px;top:8px;background:var(--paper);padding:12px;border:2px solid var(--ink);z-index:9;min-height:44px;display:flex;align-items:center}

footer{border-top:2px solid var(--ink);margin-top:26px;padding:14px 0 40px;font-size:var(--t-s);color:var(--ink-2)}
footer p{max-width:60ch}

@media (min-width:900px){
  .split{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}
  .cellkey{gap:6px 18px}
  .schedule a{display:flex;align-items:center;gap:18px}
  .schedule .st{flex:1 1 auto}
  .schedule .meta{margin-top:0;flex:0 0 auto}
}
/* the desktop chart appears only where its viewBox is near its rendered width,
   so its 13px labels stay 13 real pixels instead of scaling down to 9 */
@media (min-width:1140px){
  .chart-mobile{display:none}
  .chart-desktop{display:block;width:100%;max-width:1100px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}
</style>
</head>
<body>
<a class="skip" href="#s0">Skip to the figures</a>

<div class="wrap">

<header class="masthead">
  <p class="pubname">NSW Rent View</p>
  <h1>Weekly rents from NSW rental bond lodgements</h1>
  <p class="stamp num">Statistical extract &middot; Data to June 2026 &middot; retrieved 2 August 2026 &middot; figures in dollars per week</p>
</header>

<nav aria-label="Schedule of views">
  <details>
    <summary>Schedule of views &mdash; ten entries</summary>
    <ol class="schedule">
      <li><a href="#s0">
        <span class="st">Entry view &mdash; one figure, then four steps</span>
        <span class="meta"><span class="sk num">2017 &middot; F &middot; 2 BR</span><span class="num">n = 198</span><span>adequate</span></span>
      </a></li>
      <li><a href="#s1">
        <span class="st">Dense cell &mdash; every figure at once</span>
        <span class="meta"><span class="sk num">2017 &middot; F &middot; 2 BR</span><span class="num">n = 198</span><span>adequate</span></span>
      </a></li>
      <li><a href="#s2">
        <span class="st">Sparse cell</span>
        <span class="meta"><span class="sk num">2232 &middot; T &middot; 3 BR</span><span class="num">n = 5</span><span>very thin</span></span>
      </a></li>
      <li><a href="#s3">
        <span class="st">No lodgements recorded</span>
        <span class="meta"><span class="sk num">2017 &middot; H &middot; 5 BR</span><span class="num">n = 0</span><span>none</span></span>
      </a></li>
      <li><a href="#s4">
        <span class="st">Summary figures only</span>
        <span class="meta"><span class="sk num">2007 &middot; F &middot; 2 BR</span><span class="num">n = 16</span><span>thin</span></span>
      </a></li>
      <li><a href="#s5">
        <span class="st">Three positions against the middle</span>
        <span class="meta"><span class="sk num">2017 &middot; F &middot; 2 BR</span><span class="num">n = 198</span><span>adequate</span></span>
      </a></li>
      <li><a href="#s6">
        <span class="st">The shared extract</span>
        <span class="meta"><span class="sk num">2017 &middot; F &middot; 2 BR</span><span class="num">n = 198</span><span>adequate</span></span>
      </a></li>
      <li><a href="#s7">
        <span class="st">Controls, disclosures and focus</span>
        <span class="meta"><span class="sk">no cell</span></span>
      </a></li>
      <li><a href="#methodology">
        <span class="st">How these figures are calculated</span>
        <span class="meta"><span class="sk">method</span></span>
      </a></li>
      <li><a href="#sources">
        <span class="st">Source and other public services</span>
        <span class="meta"><span class="sk">reference</span></span>
      </a></li>
    </ol>
    <p class="nav-stamp num">Every cell above: NSW rental bond lodgements, Data to June 2026, retrieved 2 August 2026.</p>
  </details>
</nav>

<!-- ===================== VIEW 1 — ENTRY VIEW (round 3) ===================== -->
<section id="s0" aria-labelledby="s0h">
  <p class="eyebrow">View 1 &middot; entry view</p>
  <h2 id="s0h">Flats and units, two bedrooms, postcode 2017</h2>
  <p class="standfirst">
    One figure first. Each step below adds one layer and says what it opens.
  </p>

  <div class="cellkey">
    <span class="key num">2017 &middot; F &middot; 2 BR &middot; 2026&#8209;06</span>
    <span class="expand">Waterloo, Zetland &middot; Flats/Units &middot; 2 bedrooms &middot; June 2026</span>
  </div>

  <div class="field">
    <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026</p>
    <p class="stat" style="margin:2px 0 0">
      <span class="big num">$1,180</span><span class="unit num">per week</span>
    </p>
    <p class="plain first">
      Half of these flats and units rented for less than $1,180 a week. Half
      rented for more.
    </p>

    <div class="tally-block">
      <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
      <svg class="tally" viewBox="0 0 320 22" width="320" height="22" role="img"
           aria-label="Lodgement tally: the slot of thirty marks is full. Past the caret the count continues in blocks of thirty: five full blocks and a block filled eighteen of thirty. 198 bond lodgements in all.">
        <defs>
          <pattern id="tk0" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="2" width="2" height="15" fill="#1B4D6B"/></pattern>
          <pattern id="uk0" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
        </defs>
        <rect x="0" y="0" width="240" height="22" fill="url(#uk0)"/>
        <rect x="0" y="0" width="240" height="22" fill="url(#tk0)"/>
        <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
        <path d="M243 5 L251 11.5 L243 18 Z" fill="#1B4D6B"/>
        <rect x="254" y="2" width="8" height="15" fill="#1B4D6B"/>
        <rect x="265" y="2" width="8" height="15" fill="#1B4D6B"/>
        <rect x="276" y="2" width="8" height="15" fill="#1B4D6B"/>
        <rect x="287" y="2" width="8" height="15" fill="#1B4D6B"/>
        <rect x="298" y="2" width="8" height="15" fill="#1B4D6B"/>
        <rect x="309.5" y="2.5" width="7" height="14" fill="none" stroke="#646B72" stroke-width="1"/>
        <rect x="309.5" y="2.5" width="4.2" height="14" fill="#1B4D6B"/>
        <line x1="254" y1="18.5" x2="317" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
      </svg>
      <p class="tally-foot">
        <span class="tier t-adequate">adequate</span>
        <span class="tally-n num">n = 198 lodgements &middot; June 2026 &middot; Data to June 2026</span>
      </p>
      <p class="note" style="margin:5px 0 0">
        A full slot of thirty, then the caret, then five blocks of thirty and a
        block filled 18 of 30: 198 in all.
      </p>
    </div>
  </div>

  <p class="ladder-lab">Four steps, in order</p>

  <details class="step">
    <summary>Show how these rents compare</summary>
    <div class="step-body">
      <p class="plain">
        Sort the 198 rents from cheapest to dearest. The middle half of them sit
        inside the shaded bar below.
      </p>
      <figure>
        <div class="legend">
          <span><i class="sw sw-band"></i>Middle half of lodgements</span>
          <span><i class="sw sw-med"></i>Middle rent</span>
        </div>
        <svg class="rulefig" viewBox="0 0 343 108" role="img"
           aria-label="Rent scale from 900 to 1450 dollars per week. The middle half of the 198 June 2026 lodgements runs from 1,100 to 1,270 dollars, with the median at 1,180 dollars.">
        <rect x="137.3" y="38" width="91.2" height="26" fill="#CBDBE4" stroke="#1B4D6B" stroke-width="1"/>
        <line x1="180.2" y1="32" x2="180.2" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
        <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
        <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="180.2" y1="76" x2="180.2" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="228.5" y1="76" x2="228.5" y2="81" stroke="#646B72" stroke-width="1"/>
        <text x="141.3" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,100</text>
        <text x="180.2" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,180</text>
        <text x="224.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,270</text>
        <text x="24" y="20" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Lower quarter</text>
        <text x="330" y="20" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Upper quarter</text>
      </svg>
        <figcaption>
          <b class="fcap">Half of the 198 June 2026 lodgements fell between $1,100 and $1,270 per week.</b>
          A quarter were below $1,100 and a quarter were above $1,270. Data to
          June 2026.
        </figcaption>
      </figure>
      <p class="plain">
        The two edges of the bar are called the lower and upper quarter marks.
        The source data writes them as Q1 and Q3.
      </p>
      <p class="stepstamp num">
        Postcode 2017 &middot; Flats/Units &middot; 2 bedrooms &middot; June 2026
        &middot; n&nbsp;=&nbsp;198 lodgements &middot; Data to June 2026.
      </p>
    </div>
  </details>

  <details class="step">
    <summary>Show the last twelve months</summary>
    <div class="step-body">
      <p class="plain">
        The same cell, month by month. The band is the middle half of each
        month&rsquo;s lodgements; the heavy line is the middle rent.
      </p>
      <figure>
        <div class="legend">
          <span><i class="sw sw-band"></i>Middle half of lodgements each month</span>
          <span><i class="sw sw-med"></i>Middle rent</span>
        </div>
        <svg class="chart-entry" viewBox="0 0 343 252" role="img"
         aria-label="Band chart of monthly rents from July 2025 to June 2026. The middle half of lodgements sits roughly between 1,000 and 1,350 dollars all year. The median moves from 1,100 dollars in July 2025 to 1,180 dollars in June 2026. Lodgement counts each month range from 139 to 529.">
      <line x1="48" y1="159.33" x2="333" y2="159.33" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="48" y1="92.67" x2="333" y2="92.67" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="48" y1="26" x2="333" y2="26" stroke="#B9B7B1" stroke-width="1"/>
      <text x="42" y="163" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,000</text>
      <text x="42" y="96.5" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,200</text>
      <text x="42" y="30" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">$1,400</text>

      <polygon fill="#CBDBE4" stroke="none"
        points="48,79.33 73.9,76 99.8,76 125.7,92.67 151.6,62.67 177.5,76 203.4,59.33 229.3,42.67 255.2,52.67 281.1,59.33 307,59.33 333,69.33 333,126 307,126 281.1,126 255.2,126 229.3,109.33 203.4,132.67 177.5,159.33 151.6,142.67 125.7,166 99.8,139.33 73.9,142.67 48,152.67"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="3 3"
        points="48,79.33 73.9,76 99.8,76 125.7,92.67 151.6,62.67 177.5,76 203.4,59.33 229.3,42.67 255.2,52.67 281.1,59.33 307,59.33 333,69.33"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="3 3"
        points="48,152.67 73.9,142.67 99.8,139.33 125.7,166 151.6,142.67 177.5,159.33 203.4,132.67 229.3,109.33 255.2,126 281.1,126 307,126 333,126"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="2.5" stroke-linejoin="round"
        points="48,126 73.9,109.33 99.8,109.33 125.7,126 151.6,109.33 177.5,126 203.4,92.67 229.3,76 255.2,76 281.1,92.67 307,92.67 333,99.33"/>
      <circle cx="333" cy="99.33" r="3.5" fill="#1B4D6B"/>
      <text x="333" y="16" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#1B4D6B" font-weight="600" style="font-variant-numeric:tabular-nums">Jun 2026 median $1,180 (n = 198)</text>

      <text x="48" y="190" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Jul 25</text>
      <text x="125.7" y="190" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Oct 25</text>
      <text x="203.4" y="190" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Jan 26</text>
      <text x="333" y="190" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Jun 26</text>

      <line x1="48" y1="222.5" x2="333" y2="222.5" stroke="#646B72" stroke-width="1"/>
      <rect x="44.5" y="206.4" width="7" height="15.6" fill="#1B4D6B"/>
      <rect x="70.4" y="205.3" width="7" height="16.7" fill="#1B4D6B"/>
      <rect x="96.3" y="208.3" width="7" height="13.7" fill="#1B4D6B"/>
      <rect x="122.2" y="212" width="7" height="10" fill="#1B4D6B"/>
      <rect x="148.1" y="213.5" width="7" height="8.5" fill="#1B4D6B"/>
      <rect x="174" y="205.7" width="7" height="16.3" fill="#1B4D6B"/>
      <rect x="199.9" y="196.2" width="7" height="25.8" fill="#1B4D6B"/>
      <rect x="225.8" y="196" width="7" height="26" fill="#1B4D6B"/>
      <rect x="251.7" y="212.9" width="7" height="9.1" fill="#1B4D6B"/>
      <rect x="277.6" y="215.2" width="7" height="6.8" fill="#1B4D6B"/>
      <rect x="303.5" y="213.2" width="7" height="8.8" fill="#1B4D6B"/>
      <rect x="329.5" y="212.3" width="7" height="9.7" fill="#1B4D6B"/>
      <text x="0" y="240" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Lodgements each month (n): 139 to 529</text>
    </svg>
        <figcaption>
          <b class="fcap">The middle rent for this cell was $1,100 per week in July 2025 and $1,180 per week in June 2026.</b>
          Lodgements each month range from n&nbsp;=&nbsp;139 to n&nbsp;=&nbsp;529;
          June 2026 has n&nbsp;=&nbsp;198. Every month shown is in the adequate
          tier. Data to June 2026.
        </figcaption>
      </figure>
      <p class="stepstamp num">
        Postcode 2017 &middot; Flats/Units &middot; 2 bedrooms &middot; July 2025
        to June 2026 &middot; n&nbsp;=&nbsp;139 to 529 per month &middot; Data to
        June 2026.
      </p>
    </div>
  </details>

  <details class="step">
    <summary>Show where these figures come from</summary>
    <div class="step-body">
      <div class="prov" style="border-top:none;margin-top:0">
        <div class="prov-body">
          <dl>
            <dt>Sample size</dt><dd class="num">n = 198 bond lodgements</dd>
            <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
            <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
            <dt>Confidence tier</dt><dd>Adequate &mdash; thirty lodgements or more</dd>
            <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
            <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
          </dl>
        </div>
      </div>
      <p class="stepstamp num">
        NSW rental bond lodgement data, NSW Fair Trading and the Rental Bond
        Board &middot; Data to June 2026 &middot; retrieved 2 August 2026.
      </p>
    </div>
  </details>

  <details class="step">
    <summary>Show how these figures are worked out</summary>
    <div class="step-body">
      <p class="plain">
        A bond is lodged with the Rental Bond Board at the start of a tenancy.
        Each lodgement records a postcode, a dwelling type, a bedroom count and a
        weekly rent.
      </p>
      <p class="plain">
        A cell is one combination of those four, for one month. Within a cell the
        rents are sorted, and the middle one is the figure above. Nothing is
        smoothed, weighted or filled in from other cells.
      </p>
      <p class="plain">
        The count of lodgements in a cell is written as n. It is drawn as the
        tally beside every figure on this page. The fuller pages of this release
        <a href="#s2">show every figure for this cell at once</a>, and
        <a href="#methodology">the method page</a> sets out the confidence tiers.
      </p>
      <p class="stepstamp num">
        Applies to every figure on this page &middot; Data to June 2026 &middot;
        retrieved 2 August 2026.
      </p>
    </div>
  </details>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2017 &middot; F &middot; 2&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;198</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 2 — DENSE ===================== -->
<section id="s1" aria-labelledby="s1h">
  <p class="eyebrow">View 2 &middot; dense cell</p>
  <h2 id="s1h">Flats and units, two bedrooms, postcode 2017</h2>

  <div class="cellkey">
    <span class="key num">2017 &middot; F &middot; 2 BR &middot; 2026&#8209;06</span>
    <span class="expand">Waterloo, Zetland &middot; Flats/Units &middot; 2 bedrooms &middot; June 2026</span>
  </div>

  <div class="split">
  <div>
    <div class="field">
      <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026</p>
      <p class="stat" style="margin:2px 0 0">
        <span class="big num">$1,180</span><span class="unit num">per week</span>
      </p>
      <p class="plain">Half of these rents were below $1,180 a week and half were above.</p>
      <div class="flank">
        <div><span class="k">Lower quarter</span><span class="v num">$1,100</span></div>
        <div><span class="k">Upper quarter</span><span class="v num">$1,270</span></div>
      </div>
      <p class="plain">A quarter were below $1,100 and a quarter were above $1,270, from 198 lodgements.</p>

      <div class="tally-block">
        <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
        <svg class="tally" viewBox="0 0 320 22" width="320" height="22" role="img"
             aria-label="Lodgement tally: the slot of thirty marks is full. Past the caret the count continues in blocks of thirty: five full blocks and a block filled eighteen of thirty. 198 bond lodgements in all.">
          <defs>
            <pattern id="tk1" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="2" width="2" height="15" fill="#1B4D6B"/></pattern>
            <pattern id="uk1" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
          </defs>
          <rect x="0" y="0" width="240" height="22" fill="url(#uk1)"/>
          <rect x="0" y="0" width="240" height="22" fill="url(#tk1)"/>
          <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
          <path d="M243 5 L251 11.5 L243 18 Z" fill="#1B4D6B"/>
          <rect x="254" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="265" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="276" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="287" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="298" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="309.5" y="2.5" width="7" height="14" fill="none" stroke="#646B72" stroke-width="1"/>
          <rect x="309.5" y="2.5" width="4.2" height="14" fill="#1B4D6B"/>
          <line x1="254" y1="18.5" x2="317" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
        </svg>
        <p class="tally-foot">
          <span class="tier t-adequate">adequate</span>
          <span class="tally-n num">n = 198 lodgements &middot; June 2026 &middot; Data to June 2026</span>
        </p>
        <p class="note" style="margin:5px 0 0">A full slot of thirty, then the
        caret, then five blocks of thirty and a block filled 18 of 30: 198 in
        all.</p>
      </div>

      <details class="prov">
        <summary>Show where these figures come from</summary>
        <div class="prov-body">
          <dl>
            <dt>Sample size</dt><dd class="num">n = 198 bond lodgements</dd>
            <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
            <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
            <dt>Confidence tier</dt><dd>Adequate &mdash; thirty lodgements or more</dd>
            <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
            <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
          </dl>
        </div>
      </details>
    </div>
  </div>

  <div>
    <figure>
      <div class="legend">
        <span><i class="sw sw-band"></i>Middle half of lodgements</span>
        <span><i class="sw sw-med"></i>Median</span>
      </div>
      <svg class="rulefig" viewBox="0 0 343 108" role="img"
           aria-label="Rent scale from 900 to 1450 dollars per week. The middle half of the 198 June 2026 lodgements runs from 1,100 to 1,270 dollars, with the median at 1,180 dollars.">
        <rect x="137.3" y="38" width="91.2" height="26" fill="#CBDBE4" stroke="#1B4D6B" stroke-width="1"/>
        <line x1="180.2" y1="32" x2="180.2" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
        <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
        <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="180.2" y1="76" x2="180.2" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="228.5" y1="76" x2="228.5" y2="81" stroke="#646B72" stroke-width="1"/>
        <text x="141.3" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,100</text>
        <text x="180.2" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,180</text>
        <text x="224.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,270</text>
        <text x="24" y="20" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Lower quarter</text>
        <text x="330" y="20" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Upper quarter</text>
      </svg>
      <figcaption>
        <b class="fcap">Half of the 198 June 2026 lodgements fell between $1,100 and $1,270 per week.</b>
        A quarter were below $1,100 and a quarter were above $1,270. The shaded
        bar holds the middle half. Data to June 2026.
      </figcaption>
    </figure>

    <details class="prov">
      <summary>Show what the quarter marks mean</summary>
      <div class="prov-body">
        <p class="prose">
          Sort every lodgement in this cell from cheapest to dearest. The lower
          quarter is the rent one quarter of the way along. The median is
          halfway. The upper quarter is three quarters of the way. Half of the
          rents sit between the two quarter marks.
        </p>
        <p class="prose">
          The source data writes these as Q1, the median and Q3. For June 2026
          in this cell: lower quarter $1,100, median $1,180, upper quarter
          $1,270, from n&nbsp;=&nbsp;198 lodgements. Data to June 2026.
        </p>
      </div>
    </details>
  </div>
  </div>

  <h3>Twelve months to June 2026</h3>
  <figure>
    <div class="legend">
      <span><i class="sw sw-band"></i>Middle half of lodgements each month</span>
      <span><i class="sw sw-med"></i>Median</span>
    </div>

    <!-- mobile chart: four date labels, three gridlines, one direct annotation -->
    <svg class="chart-mobile" viewBox="0 0 343 252" role="img"
         aria-label="Band chart of monthly rents from July 2025 to June 2026. The middle half of lodgements sits roughly between 1,000 and 1,350 dollars all year. The median moves from 1,100 dollars in July 2025 to 1,180 dollars in June 2026. Lodgement counts each month range from 139 to 529.">
      <line x1="48" y1="159.33" x2="333" y2="159.33" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="48" y1="92.67" x2="333" y2="92.67" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="48" y1="26" x2="333" y2="26" stroke="#B9B7B1" stroke-width="1"/>
      <text x="42" y="163" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,000</text>
      <text x="42" y="96.5" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,200</text>
      <text x="42" y="30" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">$1,400</text>

      <polygon fill="#CBDBE4" stroke="none"
        points="48,79.33 73.9,76 99.8,76 125.7,92.67 151.6,62.67 177.5,76 203.4,59.33 229.3,42.67 255.2,52.67 281.1,59.33 307,59.33 333,69.33 333,126 307,126 281.1,126 255.2,126 229.3,109.33 203.4,132.67 177.5,159.33 151.6,142.67 125.7,166 99.8,139.33 73.9,142.67 48,152.67"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="3 3"
        points="48,79.33 73.9,76 99.8,76 125.7,92.67 151.6,62.67 177.5,76 203.4,59.33 229.3,42.67 255.2,52.67 281.1,59.33 307,59.33 333,69.33"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="3 3"
        points="48,152.67 73.9,142.67 99.8,139.33 125.7,166 151.6,142.67 177.5,159.33 203.4,132.67 229.3,109.33 255.2,126 281.1,126 307,126 333,126"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="2.5" stroke-linejoin="round"
        points="48,126 73.9,109.33 99.8,109.33 125.7,126 151.6,109.33 177.5,126 203.4,92.67 229.3,76 255.2,76 281.1,92.67 307,92.67 333,99.33"/>
      <circle cx="333" cy="99.33" r="3.5" fill="#1B4D6B"/>
      <text x="333" y="16" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#1B4D6B" font-weight="600" style="font-variant-numeric:tabular-nums">Jun 2026 median $1,180 (n = 198)</text>

      <text x="48" y="190" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Jul 25</text>
      <text x="125.7" y="190" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Oct 25</text>
      <text x="203.4" y="190" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Jan 26</text>
      <text x="333" y="190" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Jun 26</text>

      <line x1="48" y1="222.5" x2="333" y2="222.5" stroke="#646B72" stroke-width="1"/>
      <rect x="44.5" y="206.4" width="7" height="15.6" fill="#1B4D6B"/>
      <rect x="70.4" y="205.3" width="7" height="16.7" fill="#1B4D6B"/>
      <rect x="96.3" y="208.3" width="7" height="13.7" fill="#1B4D6B"/>
      <rect x="122.2" y="212" width="7" height="10" fill="#1B4D6B"/>
      <rect x="148.1" y="213.5" width="7" height="8.5" fill="#1B4D6B"/>
      <rect x="174" y="205.7" width="7" height="16.3" fill="#1B4D6B"/>
      <rect x="199.9" y="196.2" width="7" height="25.8" fill="#1B4D6B"/>
      <rect x="225.8" y="196" width="7" height="26" fill="#1B4D6B"/>
      <rect x="251.7" y="212.9" width="7" height="9.1" fill="#1B4D6B"/>
      <rect x="277.6" y="215.2" width="7" height="6.8" fill="#1B4D6B"/>
      <rect x="303.5" y="213.2" width="7" height="8.8" fill="#1B4D6B"/>
      <rect x="329.5" y="212.3" width="7" height="9.7" fill="#1B4D6B"/>
      <text x="0" y="240" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">Lodgements each month (n): 139 to 529</text>
    </svg>

    <!-- desktop chart: all twelve labels, five gridlines, n printed under each month -->
    <svg class="chart-desktop" viewBox="0 0 1100 400" role="img"
         aria-label="Band chart of monthly rents from July 2025 to June 2026, with the lodgement count printed under each month. The median moves from 1,100 dollars in July 2025 to 1,180 dollars in June 2026.">
      <line x1="70" y1="253.33" x2="1060" y2="253.33" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="70" y1="200" x2="1060" y2="200" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="70" y1="146.67" x2="1060" y2="146.67" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="70" y1="93.33" x2="1060" y2="93.33" stroke="#B9B7B1" stroke-width="1"/>
      <line x1="70" y1="40" x2="1060" y2="40" stroke="#B9B7B1" stroke-width="1"/>
      <text x="58" y="257.8" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,000</text>
      <text x="58" y="204.5" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,100</text>
      <text x="58" y="151.2" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,200</text>
      <text x="58" y="97.8" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">1,300</text>
      <text x="58" y="44.5" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">$1,400</text>

      <polygon fill="#CBDBE4" stroke="none"
        points="70,125.33 160,120 250,120 340,146.67 430,98.67 520,120 610,93.33 700,66.67 790,82.67 880,93.33 970,93.33 1060,109.33 1060,200 970,200 880,200 790,200 700,173.33 610,210.67 520,253.33 430,226.67 340,264 250,221.33 160,226.67 70,242.67"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="4 4"
        points="70,125.33 160,120 250,120 340,146.67 430,98.67 520,120 610,93.33 700,66.67 790,82.67 880,93.33 970,93.33 1060,109.33"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="4 4"
        points="70,242.67 160,226.67 250,221.33 340,264 430,226.67 520,253.33 610,210.67 700,173.33 790,200 880,200 970,200 1060,200"/>
      <polyline fill="none" stroke="#1B4D6B" stroke-width="2.5" stroke-linejoin="round"
        points="70,200 160,173.33 250,173.33 340,200 430,173.33 520,200 610,146.67 700,120 790,120 880,146.67 970,146.67 1060,157.33"/>
      <circle cx="1060" cy="157.33" r="4" fill="#1B4D6B"/>
      <text x="1060" y="22" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#1B4D6B" font-weight="600" style="font-variant-numeric:tabular-nums">June 2026 median $1,180 per week (n = 198)</text>
      <text x="70" y="22" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Dollars per week. The dashed edges of the band are the lower and upper quarter marks.</text>

      <text x="70" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Jul 25</text>
      <text x="160" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Aug</text>
      <text x="250" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Sep</text>
      <text x="340" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Oct</text>
      <text x="430" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Nov</text>
      <text x="520" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Dec</text>
      <text x="610" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Jan 26</text>
      <text x="700" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Feb</text>
      <text x="790" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Mar</text>
      <text x="880" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Apr</text>
      <text x="970" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">May</text>
      <text x="1060" y="302" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Jun 26</text>

      <line x1="70" y1="314" x2="1060" y2="314" stroke="#B9B7B1" stroke-width="1"/>
      <text x="58" y="336" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">n</text>
      <text x="70" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">317</text>
      <text x="160" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">339</text>
      <text x="250" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">278</text>
      <text x="340" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">204</text>
      <text x="430" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">173</text>
      <text x="520" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">331</text>
      <text x="610" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">525</text>
      <text x="700" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">529</text>
      <text x="790" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">185</text>
      <text x="880" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">139</text>
      <text x="970" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">180</text>
      <text x="1060" y="336" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">198</text>
      <text x="70" y="364" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Lodgements each month. NSW rental bond lodgements, Data to June 2026, retrieved 2 August 2026.</text>
    </svg>

    <figcaption>
      <b class="fcap">The median for this cell was $1,100 per week in July 2025 and $1,180 per week in June 2026.</b>
      Postcode 2017, Flats/Units, 2 bedrooms. Lodgements each month range from
      n&nbsp;=&nbsp;139 to n&nbsp;=&nbsp;529; June 2026 has n&nbsp;=&nbsp;198.
      Every month shown is in the adequate tier. Data to June 2026.
    </figcaption>
  </figure>

  <details class="prov">
    <summary>Show the twelve months as a table, with each month&rsquo;s sample size</summary>
    <div class="prov-body">
      <div class="tablewrap">
        <table>
          <caption>Postcode 2017 &middot; Flats/Units &middot; 2 bedrooms &middot; dollars per week &middot; Data to June 2026</caption>
          <thead>
            <tr><th scope="col">Month</th><th scope="col">Lower quarter</th><th scope="col">Median</th><th scope="col">Upper quarter</th><th scope="col">n</th></tr>
          </thead>
          <tbody class="num">
            <tr><th scope="row">Jul 25</th><td>1,020</td><td>1,100</td><td>1,240</td><td>317</td></tr>
            <tr><th scope="row">Aug 25</th><td>1,050</td><td>1,150</td><td>1,250</td><td>339</td></tr>
            <tr><th scope="row">Sep 25</th><td>1,060</td><td>1,150</td><td>1,250</td><td>278</td></tr>
            <tr><th scope="row">Oct 25</th><td>980</td><td>1,100</td><td>1,200</td><td>204</td></tr>
            <tr><th scope="row">Nov 25</th><td>1,050</td><td>1,150</td><td>1,290</td><td>173</td></tr>
            <tr><th scope="row">Dec 25</th><td>1,000</td><td>1,100</td><td>1,250</td><td>331</td></tr>
            <tr><th scope="row">Jan 26</th><td>1,080</td><td>1,200</td><td>1,300</td><td>525</td></tr>
            <tr><th scope="row">Feb 26</th><td>1,150</td><td>1,250</td><td>1,350</td><td>529</td></tr>
            <tr><th scope="row">Mar 26</th><td>1,100</td><td>1,250</td><td>1,320</td><td>185</td></tr>
            <tr><th scope="row">Apr 26</th><td>1,100</td><td>1,200</td><td>1,300</td><td>139</td></tr>
            <tr><th scope="row">May 26</th><td>1,100</td><td>1,200</td><td>1,300</td><td>180</td></tr>
            <tr><th scope="row">Jun 26</th><td>1,100</td><td>1,180</td><td>1,270</td><td>198</td></tr>
          </tbody>
        </table>
      </div>
    </div>
  </details>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2017 &middot; F &middot; 2&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;198</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 2 — SPARSE ===================== -->
<section id="s2" aria-labelledby="s2h">
  <p class="eyebrow">View 3 &middot; sparse cell &mdash; the common case</p>
  <h2 id="s2h">Townhouses and terraces, three bedrooms, postcode 2232</h2>
  <p class="standfirst">
    Most cells in this dataset are small. This one holds five lodgements. The
    tally slot shows that before any figure is read.
  </p>

  <div class="cellkey">
    <span class="key num">2232 &middot; T &middot; 3 BR &middot; 2026&#8209;06</span>
    <span class="expand">Kirrawee, Grays Point, Kareela, Loftus, Sutherland, Woronora, Audley, Bonnie Vale, Garie, Jibbon &middot; Townhouse/Terrace &middot; 3 bedrooms &middot; June 2026</span>
  </div>

  <div class="split">
  <div>
    <div class="field verythin">
      <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026</p>
      <p class="stat" style="margin:2px 0 0">
        <span class="big num">$1,100</span><span class="unit num">per week</span>
      </p>
      <p class="plain">Five bonds were lodged for this cell. Two of those rents were below $1,100 a week and two were above.</p>
      <div class="flank">
        <div><span class="k">Lower quarter</span><span class="v num">$980</span></div>
        <div><span class="k">Upper quarter</span><span class="v num">$1,200</span></div>
      </div>

      <div class="tally-block">
        <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
        <svg class="tally" viewBox="0 0 252 22" width="252" height="22" role="img"
             aria-label="Lodgement tally: five marks of thirty positions filled. Five bond lodgements.">
          <defs>
            <pattern id="tk2" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="2" width="2" height="15" fill="#1B4D6B"/></pattern>
            <pattern id="uk2" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
          </defs>
          <rect x="0" y="0" width="240" height="22" fill="url(#uk2)"/>
          <rect x="0" y="0" width="40" height="22" fill="url(#tk2)"/>
          <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#646B72" stroke-width="1.5" stroke-dasharray="1 3"/>
        </svg>
        <p class="tally-foot">
          <span class="tier t-verythin">very thin</span>
          <span class="tally-n num">n = 5 lodgements &middot; June 2026 &middot; Data to June 2026</span>
        </p>
      </div>

      <details class="prov">
        <summary>Show where these figures come from</summary>
        <div class="prov-body">
          <dl>
            <dt>Sample size</dt><dd class="num">n = 5 bond lodgements</dd>
            <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
            <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
            <dt>Confidence tier</dt><dd>Very thin &mdash; one to nine lodgements. A quarter mark drawn from five figures moves a long way when one changes.</dd>
            <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
            <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
          </dl>
        </div>
      </details>
    </div>
  </div>

  <div>
    <figure>
      <div class="legend">
        <span><i class="sw sw-band"></i>Middle half of lodgements</span>
        <span><i class="sw sw-med"></i>Median</span>
      </div>
      <svg class="rulefig" viewBox="0 0 343 108" role="img"
           aria-label="Rent scale from 900 to 1450 dollars per week. The middle half of five June 2026 lodgements runs from 980 to 1,200 dollars, with the median at 1,100 dollars. The band is hatched to mark very thin data.">
        <defs>
          <pattern id="hz2" width="6" height="6" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
            <rect x="0" y="0" width="2" height="6" fill="#646B72" opacity="0.55"/>
          </pattern>
        </defs>
        <rect x="72.9" y="38" width="118" height="26" fill="#CBDBE4"/>
        <rect x="72.9" y="38" width="118" height="26" fill="url(#hz2)"/>
        <rect x="72.9" y="38" width="118" height="26" fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="2 3"/>
        <line x1="137.3" y1="32" x2="137.3" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
        <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
        <line x1="72.9" y1="76" x2="72.9" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="190.9" y1="76" x2="190.9" y2="81" stroke="#646B72" stroke-width="1"/>
        <text x="76.9" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$980</text>
        <text x="137.3" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,100</text>
        <text x="186.9" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,200</text>
        <text x="330" y="20" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Hatched: very thin</text>
      </svg>
      <figcaption>
        <b class="fcap">The five June 2026 lodgements in this cell run from $980 to $1,200 per week at the quarter marks.</b>
        The hatching marks a band drawn from five lodgements. The figures are
        shown in full and are not adjusted. Data to June 2026.
      </figcaption>
    </figure>

    <h3 class="minorhead">No twelve-month chart for this cell</h3>
    <p class="note">
      A trend drawn through months of one to nine lodgements would be a line
      through noise. The monthly figures are listed instead, each with its own
      sample size.
    </p>
  </div>
  </div>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2232 &middot; T &middot; 3&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;5</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 3 — NO DATA ===================== -->
<section id="s3" aria-labelledby="s3h">
  <p class="eyebrow">View 4 &middot; no lodgements recorded</p>
  <h2 id="s3h">Houses, five bedrooms, postcode 2017</h2>

  <div class="cellkey">
    <span class="key num">2017 &middot; H &middot; 5 BR &middot; 2026&#8209;06</span>
    <span class="expand">Waterloo, Zetland &middot; Houses &middot; 5 bedrooms &middot; June 2026</span>
  </div>

  <div class="split">
  <div>
    <div class="field none">
      <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026</p>
      <p class="nodata">No lodgements recorded</p>
      <p class="note" style="margin:6px 0 0">
        Nothing was recorded for this combination in this period. Nothing is
        estimated in its place.
      </p>

      <div class="tally-block">
        <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
        <svg class="tally" viewBox="0 0 252 22" width="252" height="22" role="img"
             aria-label="Lodgement tally: the slot is empty. Zero bond lodgements.">
          <defs>
            <pattern id="uk3" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
          </defs>
          <rect x="0" y="0" width="240" height="22" fill="url(#uk3)"/>
          <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#646B72" stroke-width="1.5" stroke-dasharray="1 3"/>
          <line x1="0" y1="4" x2="240" y2="4" stroke="#646B72" stroke-width="1" stroke-dasharray="1 3"/>
        </svg>
        <p class="tally-foot">
          <span class="tier t-none">none</span>
          <span class="tally-n num">n = 0 lodgements &middot; June 2026 &middot; Data to June 2026</span>
        </p>
      </div>

      <details class="prov">
        <summary>Show where this cell comes from</summary>
        <div class="prov-body">
          <dl>
            <dt>Sample size</dt><dd class="num">n = 0 bond lodgements</dd>
            <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
            <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
            <dt>Confidence tier</dt><dd>None &mdash; the cell is empty in this release</dd>
            <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
            <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
          </dl>
        </div>
      </details>
    </div>
  </div>

  <div>
    <figure>
      <svg class="rulefig" viewBox="0 0 343 108" role="img"
           aria-label="An empty rent scale. No band and no median line are drawn, because no lodgements were recorded for this cell in June 2026.">
        <rect x="24" y="38" width="306" height="26" fill="none" stroke="#646B72" stroke-width="1" stroke-dasharray="2 4"/>
        <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1" stroke-dasharray="2 4"/>
        <text x="177" y="56" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A">Nothing recorded for this cell</text>
        <text x="24" y="95" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">n = 0 &middot; June 2026 &middot; Data to June 2026</text>
      </svg>
      <figcaption>
        <b class="fcap">No lodgements were recorded for this cell in June 2026.</b>
        The scale is kept and left empty. That way this state is not mistaken
        for a page that failed to load. Postcode 2017, Houses, 5 bedrooms,
        n&nbsp;=&nbsp;0, Data to June 2026.
      </figcaption>
    </figure>
  </div>
  </div>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2017 &middot; H &middot; 5&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;0</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 4 — NO DISTRIBUTION ===================== -->
<section id="s4" aria-labelledby="s4h">
  <p class="eyebrow">View 5 &middot; summary figures only</p>
  <h2 id="s4h">Flats and units, two bedrooms, postcode 2007</h2>
  <p class="standfirst">
    The quarter marks for this cell were published. The individual lodgements
    behind them were not. Everything the summary can draw is drawn.
  </p>

  <div class="cellkey">
    <span class="key num">2007 &middot; F &middot; 2 BR &middot; 2026&#8209;06</span>
    <span class="expand">Broadway, Ultimo &middot; Flats/Units &middot; 2 bedrooms &middot; June 2026</span>
  </div>

  <div class="split">
  <div>
    <div class="field thin">
      <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026</p>
      <p class="stat" style="margin:2px 0 0">
        <span class="big num">$1,235</span><span class="unit num">per week</span>
      </p>
      <p class="plain">Half of these rents were below $1,235 a week and half were above, from 16 lodgements.</p>
      <div class="flank">
        <div><span class="k">Lower quarter</span><span class="v num">$1,147.50</span></div>
        <div><span class="k">Upper quarter</span><span class="v num">$1,300</span></div>
      </div>

      <div class="tally-block">
        <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
        <svg class="tally" viewBox="0 0 252 22" width="252" height="22" role="img"
             aria-label="Lodgement tally: sixteen marks of thirty positions filled. Sixteen bond lodgements.">
          <defs>
            <pattern id="tk4" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="2" width="2" height="15" fill="#1B4D6B"/></pattern>
            <pattern id="uk4" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
          </defs>
          <rect x="0" y="0" width="240" height="22" fill="url(#uk4)"/>
          <rect x="0" y="0" width="128" height="22" fill="url(#tk4)"/>
          <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#646B72" stroke-width="1.5" stroke-dasharray="6 4"/>
        </svg>
        <p class="tally-foot">
          <span class="tier t-thin">thin</span>
          <span class="tally-n num">n = 16 lodgements &middot; June 2026 &middot; Data to June 2026</span>
        </p>
      </div>

      <details class="prov">
        <summary>Show where these figures come from</summary>
        <div class="prov-body">
          <dl>
            <dt>Sample size</dt><dd class="num">n = 16 bond lodgements</dd>
            <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
            <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
            <dt>Confidence tier</dt><dd>Thin &mdash; ten to twenty&#8209;nine lodgements</dd>
            <dt>What is missing</dt><dd>The individual lodgement records. Only the summary figures were published for this cell.</dd>
            <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
            <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
          </dl>
        </div>
      </details>
    </div>
  </div>

  <div>
    <figure>
      <div class="legend">
        <span><i class="sw sw-band"></i>Middle half of lodgements</span>
        <span><i class="sw sw-med"></i>Median</span>
      </div>
      <svg class="rulefig" viewBox="0 0 343 122" role="img"
           aria-label="Rent scale from 900 to 1450 dollars per week. The middle half of sixteen June 2026 lodgements runs from 1,147.50 to 1,300 dollars, with the median at 1,235 dollars. The band edge is dashed to mark thin data.">
        <rect x="162.8" y="38" width="81.7" height="26" fill="#CBDBE4"/>
        <rect x="162.8" y="38" width="81.7" height="26" fill="none" stroke="#1B4D6B" stroke-width="1" stroke-dasharray="5 3"/>
        <line x1="209.7" y1="32" x2="209.7" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
        <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
        <line x1="162.8" y1="76" x2="162.8" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="244.5" y1="76" x2="244.5" y2="81" stroke="#646B72" stroke-width="1"/>
        <line x1="209.7" y1="76" x2="209.7" y2="97" stroke="#646B72" stroke-width="1"/>
        <text x="166.8" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,147.50</text>
        <text x="240.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,300</text>
        <text x="209.7" y="112" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,235 median</text>
        <text x="330" y="20" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55">Dashed edge: thin</text>
      </svg>
      <figcaption>
        <b class="fcap">Half of the 16 June 2026 lodgements fell between $1,147.50 and $1,300 per week.</b>
        Data to June 2026.
      </figcaption>
    </figure>

    <h3 class="minorhead">Distribution not available for this cell</h3>
    <svg viewBox="0 0 343 96" role="img" style="width:100%;max-width:460px;margin-top:6px"
         aria-label="An empty slot where the distribution of individual lodgements would be drawn. The individual records were not published for this cell.">
      <defs>
        <pattern id="hzz" width="9" height="9" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
          <rect x="0" y="0" width="2" height="9" fill="#646B72" opacity="0.35"/>
        </pattern>
      </defs>
      <rect x="1" y="1" width="341" height="70" fill="url(#hzz)" stroke="#646B72" stroke-width="1" stroke-dasharray="3 4"/>
      <rect x="8" y="27" width="327" height="20" fill="#F5F4F1"/>
      <text x="171" y="41" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A">Individual lodgements not published for this cell</text>
      <text x="0" y="90" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#4A4F55" style="font-variant-numeric:tabular-nums">n = 16 &middot; June 2026 &middot; Data to June 2026</text>
    </svg>
    <p class="note" style="margin-top:8px">
      The slot is kept at the size the chart would occupy. That way a missing
      distribution does not read as a missing cell.
    </p>
  </div>
  </div>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2007 &middot; F &middot; 2&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;16</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 5 — THREE OUTCOMES ===================== -->
<section id="s5" aria-labelledby="s5h">
  <p class="eyebrow">View 6 &middot; three positions against the middle</p>
  <h2 id="s5h">A figure placed on the same scale, three times</h2>
  <p class="standfirst">
    The same cell and the same scale in each panel below. Only the proposed
    figure moves. Figures typed here stay in this browser. They are not stored
    and not sent anywhere.
  </p>

  <div class="cellkey">
    <span class="key num">2017 &middot; F &middot; 2 BR &middot; 2026&#8209;06</span>
    <span class="expand">Waterloo, Zetland &middot; Flats/Units &middot; 2 bedrooms &middot; June 2026 &middot; lower quarter $1,100, median $1,180, upper quarter $1,270 &middot; n&nbsp;=&nbsp;198</span>
  </div>

  <div class="legend">
    <span><i class="sw sw-band"></i>Middle half of the 198 lodgements</span>
    <span><i class="sw sw-med"></i>Median of the lodgements</span>
    <span><i class="sw sw-ent"></i>Figure entered in this browser</span>
  </div>

  <h3>Panel A &mdash; proposed figure $1,350 per week</h3>
  <figure>
    <svg class="rulefig" viewBox="0 0 343 108" role="img"
         aria-label="Proposed figure of 1,350 dollars sits to the right of the upper quarter mark of 1,270 dollars on the scale of 198 June 2026 lodgements.">
      <rect x="137.3" y="38" width="91.2" height="26" fill="#CBDBE4" stroke="#1B4D6B" stroke-width="1"/>
      <line x1="180.2" y1="32" x2="180.2" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
      <line x1="110.4" y1="16" x2="110.4" y2="38" stroke="#7A5000" stroke-width="2"/>
      <path d="M110.4 10 L116 16 L104.8 16 Z" fill="none" stroke="#7A5000" stroke-width="2"/>
      <line x1="271.4" y1="16" x2="271.4" y2="38" stroke="#7A5000" stroke-width="2"/>
      <path d="M271.4 8 L278 16 L264.8 16 Z" fill="#7A5000"/>
      <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
      <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
      <line x1="180.2" y1="76" x2="180.2" y2="81" stroke="#646B72" stroke-width="1"/>
      <line x1="228.5" y1="76" x2="228.5" y2="81" stroke="#646B72" stroke-width="1"/>
      <text x="141.3" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,100</text>
      <text x="180.2" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,180</text>
      <text x="224.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,270</text>
    </svg>
    <figcaption>
      <b class="fcap">$1,350 sits to the right of the upper quarter mark of the 198 lodgements.</b>
      Scale in dollars per week. n&nbsp;=&nbsp;198 lodgements, June 2026, Data to June 2026.
    </figcaption>
  </figure>
  <div class="entered">
    <div class="row">
      <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="none" stroke="#7A5000" stroke-width="2"/></svg>
      <span class="amt num">$1,050</span><span class="lab">per week &mdash; current rent entered (hollow marker)</span>
    </div>
    <div class="row">
      <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="#7A5000"/></svg>
      <span class="amt num">$1,350</span><span class="lab">per week &mdash; proposed rent entered (solid marker)</span>
    </div>
    <p class="position">
      $1,350 sits above the upper quarter mark of $1,270. At least three quarters
      of the 198 comparable lodgements in June 2026 were below $1,350.
      $1,050 sits below the lower quarter mark of $1,100.
    </p>
  </div>

  <h3>Panel B &mdash; proposed figure $1,180 per week</h3>
  <figure>
    <svg class="rulefig" viewBox="0 0 343 108" role="img"
         aria-label="Proposed figure of 1,180 dollars sits on the median mark of the scale of 198 June 2026 lodgements.">
      <rect x="137.3" y="38" width="91.2" height="26" fill="#CBDBE4" stroke="#1B4D6B" stroke-width="1"/>
      <line x1="180.2" y1="32" x2="180.2" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
      <line x1="110.4" y1="16" x2="110.4" y2="38" stroke="#7A5000" stroke-width="2"/>
      <path d="M110.4 10 L116 16 L104.8 16 Z" fill="none" stroke="#7A5000" stroke-width="2"/>
      <line x1="180.2" y1="16" x2="180.2" y2="32" stroke="#7A5000" stroke-width="2"/>
      <path d="M180.2 8 L186.8 16 L173.6 16 Z" fill="#7A5000"/>
      <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
      <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
      <line x1="180.2" y1="76" x2="180.2" y2="81" stroke="#646B72" stroke-width="1"/>
      <line x1="228.5" y1="76" x2="228.5" y2="81" stroke="#646B72" stroke-width="1"/>
      <text x="141.3" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,100</text>
      <text x="180.2" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,180</text>
      <text x="224.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,270</text>
    </svg>
    <figcaption>
      <b class="fcap">$1,180 sits on the median of the 198 lodgements.</b>
      Scale in dollars per week. n&nbsp;=&nbsp;198 lodgements, June 2026, Data to June 2026.
    </figcaption>
  </figure>
  <div class="entered">
    <div class="row">
      <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="none" stroke="#7A5000" stroke-width="2"/></svg>
      <span class="amt num">$1,050</span><span class="lab">per week &mdash; current rent entered (hollow marker)</span>
    </div>
    <div class="row">
      <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="#7A5000"/></svg>
      <span class="amt num">$1,180</span><span class="lab">per week &mdash; proposed rent entered (solid marker)</span>
    </div>
    <p class="position">
      $1,180 is the median. Half of the 198 comparable lodgements in June 2026
      were below $1,180 and half were above.
      $1,050 sits below the lower quarter mark of $1,100.
    </p>
  </div>

  <h3>Panel C &mdash; proposed figure $1,100 per week</h3>
  <figure>
    <svg class="rulefig" viewBox="0 0 343 108" role="img"
         aria-label="Proposed figure of 1,100 dollars sits on the lower quarter mark of the scale of 198 June 2026 lodgements.">
      <rect x="137.3" y="38" width="91.2" height="26" fill="#CBDBE4" stroke="#1B4D6B" stroke-width="1"/>
      <line x1="180.2" y1="32" x2="180.2" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
      <line x1="110.4" y1="16" x2="110.4" y2="38" stroke="#7A5000" stroke-width="2"/>
      <path d="M110.4 10 L116 16 L104.8 16 Z" fill="none" stroke="#7A5000" stroke-width="2"/>
      <line x1="137.3" y1="16" x2="137.3" y2="38" stroke="#7A5000" stroke-width="2"/>
      <path d="M137.3 8 L143.9 16 L130.7 16 Z" fill="#7A5000"/>
      <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
      <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
      <line x1="180.2" y1="76" x2="180.2" y2="81" stroke="#646B72" stroke-width="1"/>
      <line x1="228.5" y1="76" x2="228.5" y2="81" stroke="#646B72" stroke-width="1"/>
      <text x="141.3" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,100</text>
      <text x="180.2" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,180</text>
      <text x="224.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,270</text>
    </svg>
    <figcaption>
      <b class="fcap">$1,100 sits on the lower quarter mark of the 198 lodgements.</b>
      Scale in dollars per week. n&nbsp;=&nbsp;198 lodgements, June 2026, Data to June 2026.
    </figcaption>
  </figure>
  <div class="entered">
    <div class="row">
      <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="none" stroke="#7A5000" stroke-width="2"/></svg>
      <span class="amt num">$1,050</span><span class="lab">per week &mdash; current rent entered (hollow marker)</span>
    </div>
    <div class="row">
      <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="#7A5000"/></svg>
      <span class="amt num">$1,100</span><span class="lab">per week &mdash; proposed rent entered (solid marker)</span>
    </div>
    <p class="position">
      $1,100 is the lower quarter mark. A quarter of the 198 comparable
      lodgements in June 2026 were below $1,100. $1,050 also sits below that
      mark.
    </p>
  </div>

  <details class="prov">
    <summary>Show where the figures in all three panels come from</summary>
    <div class="prov-body">
      <dl>
        <dt>Sample size</dt><dd class="num">n = 198 bond lodgements</dd>
        <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
        <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
        <dt>Entered figures</dt><dd>$1,050 and the proposed figure in each panel were typed into this browser. They are not part of the dataset. They are not stored and not sent anywhere.</dd>
        <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
        <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
      </dl>
    </div>
  </details>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2017 &middot; F &middot; 2&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;198</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 6 — COLD READER ===================== -->
<section id="s6" aria-labelledby="s6h">
  <p class="eyebrow">View 7 &middot; the shared extract</p>
  <h2 id="s6h">Extract: postcode 2017, flats and units, two bedrooms</h2>
  <p class="standfirst">
    This is what a reader sees when the page is forwarded to them. Source,
    sample size, period and version repeat here. A forwarded screenshot does not
    carry a footer with it.
  </p>

  <div style="border:1px solid var(--ink);padding:14px">
    <p class="pubname" style="margin-bottom:4px">NSW Rent View &middot; statistical extract prepared 2 August 2026</p>
    <div class="cellkey" style="margin-top:6px">
      <span class="key num">2017 &middot; F &middot; 2 BR &middot; 2026&#8209;06</span>
      <span class="expand">Waterloo, Zetland &middot; Flats/Units &middot; 2 bedrooms &middot; June 2026</span>
    </div>

    <div class="split">
    <div>
      <div class="field">
        <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026</p>
        <p class="stat" style="margin:2px 0 0">
          <span class="big num">$1,180</span><span class="unit num">per week</span>
        </p>
        <p class="plain">Half of these rents were below $1,180 a week and half were above.</p>
        <div class="flank">
          <div><span class="k">Lower quarter</span><span class="v num">$1,100</span></div>
          <div><span class="k">Upper quarter</span><span class="v num">$1,270</span></div>
        </div>
        <p class="plain">A quarter were below $1,100 and a quarter were above $1,270, from 198 lodgements.</p>
        <div class="tally-block">
          <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
          <svg class="tally" viewBox="0 0 320 22" width="320" height="22" role="img"
             aria-label="Lodgement tally: the slot of thirty marks is full. Past the caret the count continues in blocks of thirty: five full blocks and a block filled eighteen of thirty. 198 bond lodgements in all.">
          <defs>
            <pattern id="tk6" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="2" width="2" height="15" fill="#1B4D6B"/></pattern>
            <pattern id="uk6" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
          </defs>
          <rect x="0" y="0" width="240" height="22" fill="url(#uk6)"/>
          <rect x="0" y="0" width="240" height="22" fill="url(#tk6)"/>
          <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
          <path d="M243 5 L251 11.5 L243 18 Z" fill="#1B4D6B"/>
          <rect x="254" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="265" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="276" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="287" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="298" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="309.5" y="2.5" width="7" height="14" fill="none" stroke="#646B72" stroke-width="1"/>
          <rect x="309.5" y="2.5" width="4.2" height="14" fill="#1B4D6B"/>
          <line x1="254" y1="18.5" x2="317" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
        </svg>
          <p class="tally-foot">
            <span class="tier t-adequate">adequate</span>
            <span class="tally-n num">n = 198 lodgements &middot; June 2026 &middot; Data to June 2026</span>
          </p>
        <p class="note" style="margin:5px 0 0">A full slot of thirty, then the
        caret, then five blocks of thirty and a block filled 18 of 30: 198 in
        all.</p>
        </div>
      </div>
    </div>

    <div>
      <figure style="margin-top:14px">
        <div class="legend">
          <span><i class="sw sw-band"></i>Middle half of lodgements</span>
          <span><i class="sw sw-med"></i>Median</span>
          <span><i class="sw sw-ent"></i>Figure entered in this browser</span>
        </div>
        <svg class="rulefig" viewBox="0 0 343 108" role="img"
             aria-label="Proposed figure of 1,350 dollars sits to the right of the upper quarter mark of 1,270 dollars on the scale of 198 June 2026 lodgements.">
          <rect x="137.3" y="38" width="91.2" height="26" fill="#CBDBE4" stroke="#1B4D6B" stroke-width="1"/>
          <line x1="180.2" y1="32" x2="180.2" y2="70" stroke="#1B4D6B" stroke-width="2.5"/>
          <line x1="110.4" y1="16" x2="110.4" y2="38" stroke="#7A5000" stroke-width="2"/>
          <path d="M110.4 10 L116 16 L104.8 16 Z" fill="none" stroke="#7A5000" stroke-width="2"/>
          <line x1="271.4" y1="16" x2="271.4" y2="38" stroke="#7A5000" stroke-width="2"/>
          <path d="M271.4 8 L278 16 L264.8 16 Z" fill="#7A5000"/>
          <line x1="24" y1="76" x2="330" y2="76" stroke="#646B72" stroke-width="1"/>
          <line x1="137.3" y1="76" x2="137.3" y2="81" stroke="#646B72" stroke-width="1"/>
          <line x1="180.2" y1="76" x2="180.2" y2="81" stroke="#646B72" stroke-width="1"/>
          <line x1="228.5" y1="76" x2="228.5" y2="81" stroke="#646B72" stroke-width="1"/>
          <text x="141.3" y="95" text-anchor="end" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,100</text>
          <text x="180.2" y="95" text-anchor="middle" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" font-weight="600" style="font-variant-numeric:tabular-nums">$1,180</text>
          <text x="224.5" y="95" text-anchor="start" font-family="IBM Plex Sans, Arial, sans-serif" font-size="13" fill="#14171A" style="font-variant-numeric:tabular-nums">$1,270</text>
        </svg>
        <figcaption>
          <b class="fcap">$1,350 sits to the right of the upper quarter mark of the 198 lodgements.</b>
          Scale in dollars per week. n&nbsp;=&nbsp;198 lodgements, June 2026, Data to June 2026.
        </figcaption>
      </figure>
      <div class="entered">
        <div class="row">
          <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="none" stroke="#7A5000" stroke-width="2"/></svg>
          <span class="amt num">$1,050</span><span class="lab">per week &mdash; current rent entered (hollow marker)</span>
        </div>
        <div class="row">
          <svg class="mark" viewBox="0 0 13 13" aria-hidden="true"><path d="M6.5 1 L12 9 L1 9 Z" fill="#7A5000"/></svg>
          <span class="amt num">$1,350</span><span class="lab">per week &mdash; proposed rent entered (solid marker)</span>
        </div>
        <p class="position">
          $1,350 sits above the upper quarter mark of $1,270. At least three
          quarters of the 198 comparable lodgements in June 2026 were below
          $1,350.
        </p>
      </div>
    </div>
    </div>

    <h3>Where these figures come from</h3>
    <div class="prov" style="border-top:1px solid var(--ink)">
      <div class="prov-body" style="padding-top:8px">
        <dl>
          <dt>Source</dt><dd>NSW rental bond lodgement data, NSW Fair Trading and the Rental Bond Board &mdash; <a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">nsw.gov.au rental bond data</a></dd>
          <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
          <dt>Sample size</dt><dd class="num">n = 198 lodgements in this cell</dd>
          <dt>Period</dt><dd class="num">June 2026</dd>
          <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
        </dl>
      </div>
    </div>

    <h3>The law on rent increases, quoted in full</h3>
    <blockquote>
      <span class="qmark">Quoted verbatim</span>
      <p>&ldquo;<strong>41 Rent increases</strong></p>
      <p>(1) The rent payable under a residential tenancy agreement may be
        increased only if&mdash;</p>
      <p>(a) the tenant is given a written notice by the landlord or the
        landlord&#39;s agent specifying the increased rent and the day from
        which it is payable, and</p>
      <p>(b) the notice is given at least 60 days before the increased rent is
        payable.</p>
      <p>(1A) The rent payable under a residential tenancy agreement&mdash;</p>
      <p>(a) may not be increased within 12 months after the start of the
        tenancy, and</p>
      <p>(b) may not be increased more than once in any period of 12
        months.&rdquo;</p>
    </blockquote>
    <cite class="cite">
      Residential Tenancies Act 2010 No 42 (NSW), section 41.
      <a href="https://legislation.nsw.gov.au/view/html/inforce/current/act-2010-042#sec.41">legislation.nsw.gov.au</a>.
      Current version for 30 July 2026 to date. Checked 2 August 2026.
    </cite>

    <h4>Comparable listings</h4>
    <p class="note">
      No listing content is reproduced here. These links open a search on each
      site with the postcode, dwelling type and bedroom count already filled in.
      Neither site is affiliated with this page and neither is preferred.
    </p>
    <p class="linkrow">
      <a href="https://www.domain.com.au/rent/?postcode=2017&amp;ptype=apartment-unit-flat&amp;bedrooms=2-2">Search on Domain</a>
      <a href="https://www.realestate.com.au/rent/property-unit-apartment-with-2-bedrooms-in-2017/list-1">Search on realestate.com.au</a>
    </p>

    <dl class="stamp-rule endorse">
    <dt>extract</dt><dd>2017 &middot; F &middot; 2&nbsp;BR &middot; 2026&#8209;06</dd>
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;198</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
  </div>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2017 &middot; F &middot; 2&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;198</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== VIEW 7 — INTERACTION STATES ===================== -->
<section id="s7" aria-labelledby="s7h">
  <p class="eyebrow">View 8 &middot; interaction states</p>
  <h2 id="s7h">Controls, disclosures and the focus treatment</h2>
  <p class="standfirst">
    Each state below opens on tap as well as on a keyboard. Nothing on this page
    is available on hover only.
  </p>
  <p>
    <button class="btn" type="button" id="openall">Open every disclosure on this page</button>
    <button class="btn" type="button" id="closeall">Close them again</button>
  </p>

  <h3>State 1 &mdash; the provenance affordance, opened</h3>
  <div class="field">
    <p class="statlabel">Middle rent &mdash; the median &mdash; June 2026 &middot; postcode 2017, Flats/Units, 2 bedrooms</p>
    <p class="stat" style="margin:2px 0 0">
      <span class="big num">$1,180</span><span class="unit num">per week</span>
    </p>
    <div class="tally-block">
      <p class="tally-lab">Each mark below is one bond lodged. The ruled slot holds thirty marks.</p>
      <svg class="tally" viewBox="0 0 320 22" width="320" height="22" role="img"
             aria-label="Lodgement tally: the slot of thirty marks is full. Past the caret the count continues in blocks of thirty: five full blocks and a block filled eighteen of thirty. 198 bond lodgements in all.">
          <defs>
            <pattern id="tk7" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="2" width="2" height="15" fill="#1B4D6B"/></pattern>
            <pattern id="uk7" width="8" height="22" patternUnits="userSpaceOnUse"><rect x="0" y="14" width="2" height="3" fill="#646B72"/></pattern>
          </defs>
          <rect x="0" y="0" width="240" height="22" fill="url(#uk7)"/>
          <rect x="0" y="0" width="240" height="22" fill="url(#tk7)"/>
          <line x1="0" y1="18.5" x2="240" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
          <path d="M243 5 L251 11.5 L243 18 Z" fill="#1B4D6B"/>
          <rect x="254" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="265" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="276" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="287" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="298" y="2" width="8" height="15" fill="#1B4D6B"/>
          <rect x="309.5" y="2.5" width="7" height="14" fill="none" stroke="#646B72" stroke-width="1"/>
          <rect x="309.5" y="2.5" width="4.2" height="14" fill="#1B4D6B"/>
          <line x1="254" y1="18.5" x2="317" y2="18.5" stroke="#1B4D6B" stroke-width="1.5"/>
        </svg>
      <p class="tally-foot">
        <span class="tier t-adequate">adequate</span>
        <span class="tally-n num">n = 198 lodgements &middot; June 2026 &middot; Data to June 2026</span>
      </p>
        <p class="note" style="margin:5px 0 0">A full slot of thirty, then the
        caret, then five blocks of thirty and a block filled 18 of 30: 198 in
        all.</p>
    </div>
    <details class="prov" open>
      <summary>Show where this figure comes from</summary>
      <div class="prov-body">
        <dl>
          <dt>Sample size</dt><dd class="num">n = 198 bond lodgements</dd>
          <dt>Period covered</dt><dd class="num">June 2026 (one calendar month)</dd>
          <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
          <dt>Source</dt><dd><a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">Rental bond data, nsw.gov.au</a></dd>
          <dt>Method</dt><dd><a href="#methodology">How these figures are calculated</a></dd>
        </dl>
      </div>
    </details>
  </div>

  <h3>State 2 &mdash; a definition, opened</h3>
  <details class="prov" open>
    <summary>Show what the quarter marks mean</summary>
    <div class="prov-body">
      <p class="prose">
        Sort every lodgement in a cell from cheapest to dearest. The lower
        quarter is the rent one quarter of the way along. The median is halfway.
        The upper quarter is three quarters of the way. Half of the rents sit
        between the two quarter marks.
      </p>
      <p class="prose">
        The source data writes these as Q1, the median and Q3. For postcode
        2017, Flats/Units, 2 bedrooms, June 2026: lower quarter $1,100, median
        $1,180, upper quarter $1,270, from n&nbsp;=&nbsp;198 lodgements. Data to
        June 2026.
      </p>
    </div>
  </details>

  <h3>State 3 &mdash; the controls, open</h3>
  <details class="prov" open>
    <summary>Show the controls for postcode, dwelling type and bedrooms</summary>
    <div class="prov-body">
      <fieldset>
        <legend>Postcode</legend>
        <div class="opts">
          <label class="opt"><input type="radio" name="pc7" checked><span class="num">2017</span></label>
          <label class="opt"><input type="radio" name="pc7"><span class="num">2007</span></label>
          <label class="opt"><input type="radio" name="pc7"><span class="num">2232</span></label>
        </div>
      </fieldset>
      <fieldset>
        <legend>Dwelling type</legend>
        <div class="opts">
          <label class="opt"><input type="radio" name="dw7" checked><span>Flats/Units</span></label>
          <label class="opt"><input type="radio" name="dw7"><span>Houses</span></label>
          <label class="opt"><input type="radio" name="dw7"><span>Townhouse/Terrace</span></label>
          <label class="opt"><input type="radio" name="dw7"><span>Other</span></label>
        </div>
      </fieldset>
      <fieldset>
        <legend>Bedrooms</legend>
        <div class="opts">
          <label class="opt"><input type="radio" name="br7"><span class="num">1</span></label>
          <label class="opt"><input type="radio" name="br7" checked><span class="num">2</span></label>
          <label class="opt"><input type="radio" name="br7"><span class="num">3</span></label>
          <label class="opt"><input type="radio" name="br7"><span class="num">4</span></label>
          <label class="opt"><input type="radio" name="br7"><span class="num">5</span></label>
        </div>
      </fieldset>
      <button class="btn" type="button">Show comparable lodgements</button>
      <p class="note" style="margin-top:10px">
        Selected: postcode 2017, Flats/Units, 2 bedrooms, June 2026.
        n&nbsp;=&nbsp;198 lodgements. Data to June 2026.
      </p>
    </div>
  </details>

  <h3>State 4 &mdash; the keyboard focus treatment</h3>
  <p class="note">
    Focus is a three-pixel ink outline held two pixels clear of the control. The
    surface steps to the second paper value and a solid ink bar sits under it.
    Three channels, no hue: focus never borrows the meaning of a data mark. The
    first button below is shown already carrying it.
  </p>
  <p>
    <button class="btn focus-demo" type="button">Show comparable lodgements</button>
    <button class="btn" type="button" id="focusme">Move focus here to see it live</button>
  </p>

  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>cell</dt><dd>2017 &middot; F &middot; 2&nbsp;BR</dd>
    <dt>period</dt><dd>June 2026</dd>
    <dt>sample</dt><dd>n&nbsp;=&nbsp;198</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== METHOD ===================== -->
<section id="methodology" aria-labelledby="mh">
  <p class="eyebrow">Reference</p>
  <h2 id="mh">How these figures are calculated</h2>
  <div class="prose">
    <p>
      A bond is lodged with the Rental Bond Board at the start of a tenancy.
      Each lodgement records a postcode, a dwelling type, a bedroom count and a
      weekly rent. A cell is one combination of those four, for one month.
    </p>
    <p>
      Within a cell, the lodgements are sorted by rent. The median is the middle
      figure. The lower and upper quarter marks are the figures one quarter and
      three quarters of the way along. Nothing is smoothed, weighted or filled
      in from other cells.
    </p>
    <p>
      The number of lodgements in a cell is written as n. It is drawn as a tally
      beside every figure here. The slot holds thirty marks, which is the point
      at which a cell is treated as adequate.
    </p>
  </div>

  <h3>Confidence tiers used on this page</h3>
  <div class="tablewrap">
    <table>
      <caption>Applies to every figure on this page. Data to June 2026, retrieved 2 August 2026.</caption>
      <thead>
        <tr><th scope="col">Tier</th><th scope="col">n</th><th scope="col">Mark</th></tr>
      </thead>
      <tbody>
        <tr><th scope="row">Adequate</th><td class="num">30 or more</td><td>Full tally, solid rule</td></tr>
        <tr><th scope="row">Thin</th><td class="num">10 to 29</td><td>Part tally, dashed rule</td></tr>
        <tr><th scope="row">Very thin</th><td class="num">1 to 9</td><td>Few marks, dotted rule, hatch</td></tr>
        <tr><th scope="row">None</th><td class="num">0</td><td>Empty tally, dense hatch</td></tr>
      </tbody>
    </table>
  </div>
  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<!-- ===================== SOURCES ===================== -->
<section id="sources" aria-labelledby="sh">
  <p class="eyebrow">Reference</p>
  <h2 id="sh">Source and other public services</h2>
  <div class="prose">
    <p>
      The figures on this page come from one source and no other. The services
      below are named and linked. Nothing here says whether any of them is
      relevant to a given tenancy.
    </p>
  </div>
  <div class="prov">
    <div class="prov-body">
      <dl>
        <dt>Data source</dt><dd>NSW rental bond lodgement data, NSW Fair Trading and the Rental Bond Board. <a href="https://www.nsw.gov.au/housing-and-construction/rental-forms-surveys-and-data/rental-bond-data">nsw.gov.au rental bond data</a></dd>
        <dt>Dataset version</dt><dd class="num">Bond lodgement data, latest month June 2026 &mdash; &ldquo;Data to June 2026&rdquo;, retrieved 2 August 2026</dd>
        <dt>Release extent</dt><dd class="num">414,782 lodgement records across all postcodes, dwelling types, bedroom counts and months in this release</dd>
        <dt>Legislation</dt><dd>Residential Tenancies Act 2010 No 42 (NSW). <a href="https://legislation.nsw.gov.au/view/html/inforce/current/act-2010-042#sec.41">legislation.nsw.gov.au</a>, current version for 30 July 2026 to date, checked 2 August 2026</dd>
        <dt>NSW Fair Trading</dt><dd>The NSW Government agency that publishes the rental bond data. <a href="https://www.nsw.gov.au/departments-and-agencies/fair-trading">nsw.gov.au fair trading</a></dd>
        <dt>Tenants&rsquo; Union of NSW</dt><dd>A community legal centre for renters in New South Wales. <a href="https://www.tenants.org.au/">tenants.org.au</a></dd>
      </dl>
    </div>
  </div>
  <dl class="stamp-rule">
    <dt>source</dt><dd>NSW rental bond lodgements</dd>
    <dt>dataset</dt><dd>Data to June 2026</dd>
    <dt>retrieved</dt><dd>2 August 2026</dd>
  </dl>
</section>

<footer>
  <p>
    Weekly rents from NSW rental bond lodgements, published as NSW Rent View.
    Source: NSW rental bond lodgement data, Data to June 2026, retrieved
    2 August 2026.
  </p>
  <p>
    Figures typed into this page stay in this browser. They are not stored and
    not transmitted.
  </p>
  <p><a href="#s0">Back to the first view</a></p>
</footer>

</div>

<script>
(function () {
  var openAll = document.getElementById('openall');
  var closeAll = document.getElementById('closeall');
  var focusMe = document.getElementById('focusme');
  function setAll(state) {
    var list = document.querySelectorAll('details');
    for (var i = 0; i < list.length; i++) { list[i].open = state; }
  }
  if (openAll) { openAll.addEventListener('click', function () { setAll(true); }); }
  if (closeAll) { closeAll.addEventListener('click', function () { setAll(false); }); }
  if (focusMe) { focusMe.addEventListener('click', function () { focusMe.focus(); }); }
})();
</script>
</body>
</html>