{
  "code": "S59",
  "name": "Chart page",
  "shape": "chart-findings",
  "family": "Evidence and pictures",
  "fits": "A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band.",
  "use_when": "One quantity makes the argument and the reader needs to be told what to notice in the chart.",
  "slots": [
    {
      "name": "title-bar",
      "holds": "plum bar across the top: the page title left, a lime italic section marker right",
      "budget": "title under 9 words; marker 1-2 words"
    },
    {
      "name": "chart",
      "holds": "drawn (not pictured) grouped bar chart with data labels and key; the highlighted series in berry; small caption with the source",
      "budget": "placeholder data until real"
    },
    {
      "name": "points",
      "holds": "3 x (numbered lime tile, bold lead line, one sentence)",
      "budget": "lead under 8 words; sentence under 22 words"
    },
    {
      "name": "takeaway",
      "holds": "mint band across the foot: an italic Takeaway: label and one sentence",
      "budget": "one sentence, under 25 words"
    }
  ],
  "columns": 2,
  "density": "dense",
  "surface": "paper",
  "works_on": [
    "deck",
    "page"
  ],
  "library": "Hoffman",
  "reference_libraries": [
    "Spell UI",
    "Cult UI",
    "Fuji UI"
  ],
  "dir": "S59-native-chart-page",
  "semantic": {
    "audience_question": "What should I notice in this chart, and why does it matter?",
    "intent": "Connect the plotted evidence to three specific observations and one implication.",
    "reasoning_relation": "chart observation and interpretation",
    "message_pattern": "The chart shows [specific pattern]; this matters because [bounded implication].",
    "required_content": [
      "Comparable grouped data and units with source/date/denominator.",
      "Three observations supported by the plotted values.",
      "A takeaway no stronger than the data and method allow."
    ],
    "narrative_positions": [
      "context",
      "explanation",
      "evidence: choose only when the page supports the surrounding argument"
    ],
    "requires_before": [
      "Establish the research question, weak journey stages and available budget."
    ],
    "enables_after": [
      "Explain the sampling method or ask for the scope decision."
    ],
    "slot_roles": {
      "title-bar": "State the chart’s answer or analytical question.",
      "chart": "Provide categories, series, numeric values, common scale, legend and source caption; redraw geometry from values.",
      "points": "Three distinct readings of the data: baseline adequacy, where incremental effort goes, and the boundary of further value.",
      "takeaway": "State the resulting scope or interpretation, preserving the important limit."
    },
    "avoid_when": [
      "An ornamental chart unrelated to the three points.",
      "Causal conclusions from counts or unsupported claims of representativeness."
    ],
    "layout_specific_contract": "A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band.",
    "provenance": {
      "basis": "interpretation of the existing layout and slot contracts",
      "review": "Tessel model-authored guidance; implementation approved by Nic, 2026-10-10",
      "corpus_evidence_status": "not yet established",
      "guide": "../SEMANTICS.md"
    },
    "variation_rule": "Read the selected option’s actual markup, slot count and source record. Preserve this reasoning relationship only if the option still expresses it; flag a mismatch before adapting.",
    "reader_outcome": "Connect the plotted evidence to three specific observations and one implication.",
    "matching": {
      "audience_question": "What should I notice in this chart, and why does it matter?",
      "reader_outcome": "Connect the plotted evidence to three specific observations and one implication.",
      "reasoning_relation": "chart observation and interpretation",
      "content_shape": {
        "composition": "A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band.",
        "selected_state": "A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band.",
        "density": "dense",
        "columns": 2,
        "column_note": "Base metadata only; selected option can replace the base geometry."
      },
      "required_slots": [
        {
          "name": "title-bar",
          "reader_question": "What does the title bar contribute to this page’s reader outcome?",
          "semantic_role": "State the chart’s answer or analytical question.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · title-bar · plum bar across the top: the page title left, a lime italic section marker right]",
          "layout_budget": {
            "authored": "title under 9 words; marker 1-2 words",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "title-bar",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              16
            ]
          }
        },
        {
          "name": "chart",
          "reader_question": "What does the chart contribute to this page’s reader outcome?",
          "semantic_role": "Provide categories, series, numeric values, common scale, legend and source caption; redraw geometry from values.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · chart · drawn (not pictured) grouped bar chart with data labels and key; the highlighted series in berry; small caption with the source]",
          "layout_budget": {
            "authored": "placeholder data until real",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "chart",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              204
            ]
          }
        },
        {
          "name": "points",
          "reader_question": "What does this distinct step, state, scenario or observation contribute?",
          "semantic_role": "Three distinct readings of the data: baseline adequacy, where incremental effort goes, and the boundary of further value.",
          "content_unit_count": {
            "min": 3,
            "max": 3,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · points · 3 x (numbered lime tile, bold lead line, one sentence)]",
          "layout_budget": {
            "authored": "lead under 8 words; sentence under 22 words",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "points",
            "occurrences": 2,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              69,
              45
            ]
          }
        },
        {
          "name": "takeaway",
          "reader_question": "What does the takeaway contribute to this page’s reader outcome?",
          "semantic_role": "State the resulting scope or interpretation, preserving the important limit.",
          "content_unit_count": {
            "min": 1,
            "max": 1,
            "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
          },
          "placeholder": "[REAL CONTENT · takeaway · mint band across the foot: an italic Takeaway: label and one sentence]",
          "layout_budget": {
            "authored": "one sentence, under 25 words",
            "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
          },
          "markup": {
            "slot": "takeaway",
            "occurrences": 1,
            "annotation_status": "present",
            "visibility_status": "not asserted from static parsing",
            "sample_word_counts": [
              30
            ]
          }
        }
      ],
      "rejection_constraints": [
        "Annotations unsupported by the data, distorted scales or conclusions stronger than the chart.",
        "Numbered commentary unrelated to the chart; invented causes or unlabeled denominators."
      ],
      "option_guidance": {
        "option": "default",
        "composition_delta": "A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band.",
        "semantic_change": "retains base content relationship; changes presentation or disclosure",
        "matching_instruction": "Select S59 default when the supplied material answers “What should I notice in this chart, and why does it matter?” through chart observation and interpretation. Respect this state: A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band."
      },
      "provenance": {
        "status": "inferred composition evidence",
        "author_intent": "not independently confirmed",
        "basis": [
          "retained source composition where available",
          "authored layout and slot contracts",
          "static implementation inspection"
        ],
        "source_visual_count": 3,
        "source_visual_sha256": [
          "f2d91296d0d31144aadeeec888f421071c975ba9da8423e4b6a93b123345399c",
          "5c54b18c799f0c75a31a28ff60af12042351081f532ef0b32e0fe90593af2d10",
          "519b4d3d50b970927f14b343fba7cfc70d7975361700f71bc0e77e5ecaac2d44"
        ],
        "source_export": "private source images remain outside this draft site",
        "markup_sha256": "a19acde46177633136bd120cf17347e80f49afcff03f6dc91452c27333fc8439",
        "limits": [
          "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.",
          "Budgets are authored layout guidance, not a content-writing limit or proof of fit.",
          "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent."
        ]
      },
      "adaptation_rules": [
        "Choose by audience question, reasoning relation and required content before aesthetic preference.",
        "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.",
        "A number needs source, scope and units; a quotation needs faithful wording and attribution.",
        "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.",
        "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them."
      ]
    },
    "rejection_constraints": [
      "Annotations unsupported by the data, distorted scales or conclusions stronger than the chart.",
      "Numbered commentary unrelated to the chart; invented causes or unlabeled denominators."
    ],
    "markup_inventory": {
      "file": "spread.html",
      "sha256": "a19acde46177633136bd120cf17347e80f49afcff03f6dc91452c27333fc8439",
      "method": "static lxml markup plus authored option description; no rendered-visibility claim",
      "all_markup_slot_counts": {
        "title-bar": 1,
        "chart": 1,
        "interactive-chart": 1,
        "points": 2,
        "takeaway": 1
      },
      "slot_evidence": {
        "title-bar": [
          {
            "tag": "header",
            "classes": "rbar",
            "sample_word_count": 16,
            "repeated_children": 3
          }
        ],
        "chart": [
          {
            "tag": "figure",
            "classes": "chartcol",
            "sample_word_count": 204,
            "repeated_children": 4
          }
        ],
        "interactive-chart": [
          {
            "tag": "div",
            "classes": "ref-chart",
            "sample_word_count": 146,
            "repeated_children": 6
          }
        ],
        "points": [
          {
            "tag": "div",
            "classes": "pts",
            "sample_word_count": 69,
            "repeated_children": 3
          },
          {
            "tag": "div",
            "classes": "pts ref-chart-points",
            "sample_word_count": 45,
            "repeated_children": 3
          }
        ],
        "takeaway": [
          {
            "tag": "footer",
            "classes": "rband take",
            "sample_word_count": 30,
            "repeated_children": 3
          }
        ]
      },
      "option_selectors": [
        "chart-focus"
      ],
      "linked_implementation": [
        {
          "file": "../spreads.css",
          "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba"
        },
        {
          "file": "../spread.js",
          "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4"
        },
        {
          "file": "../reference-options.js",
          "sha256": "c110580a1f2358278839f17ac81168f85d53c41c9b2c1a42aac74b66b836f7b5"
        }
      ]
    },
    "variations": {
      "chart-focus": {
        "audience_question": "Which precise plotted point supports this reading of the trend?",
        "intent": "Inspect a line-chart point alongside pinned annotations and the full data table.",
        "reader_outcome": "Inspect a line-chart point alongside pinned annotations and the full data table.",
        "reasoning_relation": "plotted observation and accessible data",
        "slot_roles": {
          "title-bar": "Name the trend question or supported conclusion.",
          "points": "Three readings: the focused observation, the pinned comparison, and the scope/limit of the series.",
          "takeaway": "A bounded implication of the observed pattern.",
          "interactive-chart": "The ordered data series, point labels, units, two pins and identical accessible table; regenerate SVG geometry and interaction labels."
        },
        "matching": {
          "audience_question": "Which precise plotted point supports this reading of the trend?",
          "reader_outcome": "Inspect a line-chart point alongside pinned annotations and the full data table.",
          "reasoning_relation": "plotted observation and accessible data",
          "content_shape": {
            "composition": "A title bar, a drawn bar chart on the left (about 55%) with a label and caption, three numbered points on the right saying what to see in it, and a takeaway band.",
            "selected_state": "Interactive line-chart option: focus the nearest point, inspect it by keyboard/touch, keep two annotations pinned, and read an accessible data table. All sample values are explicitly placeholders.",
            "density": "dense",
            "columns": 2,
            "column_note": "Base metadata only; selected option can replace the base geometry."
          },
          "required_slots": [
            {
              "name": "title-bar",
              "reader_question": "What does the title bar contribute to this page’s reader outcome?",
              "semantic_role": "Name the trend question or supported conclusion.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · title-bar · plum bar across the top: the page title left, a lime italic section marker right]",
              "layout_budget": {
                "authored": "title under 9 words; marker 1-2 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "title-bar",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  16
                ]
              }
            },
            {
              "name": "points",
              "reader_question": "What does this distinct step, state, scenario or observation contribute?",
              "semantic_role": "Three readings: the focused observation, the pinned comparison, and the scope/limit of the series.",
              "content_unit_count": {
                "min": 3,
                "max": 3,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · points · 3 x (numbered lime tile, bold lead line, one sentence)]",
              "layout_budget": {
                "authored": "lead under 8 words; sentence under 22 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "points",
                "occurrences": 2,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  69,
                  45
                ]
              }
            },
            {
              "name": "takeaway",
              "reader_question": "What does the takeaway contribute to this page’s reader outcome?",
              "semantic_role": "A bounded implication of the observed pattern.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · takeaway · mint band across the foot: an italic Takeaway: label and one sentence]",
              "layout_budget": {
                "authored": "one sentence, under 25 words",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "takeaway",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  30
                ]
              }
            },
            {
              "name": "interactive-chart",
              "reader_question": "What does the interactive chart contribute to this page’s reader outcome?",
              "semantic_role": "The ordered data series, point labels, units, two pins and identical accessible table; regenerate SVG geometry and interaction labels.",
              "content_unit_count": {
                "min": 1,
                "max": 1,
                "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence"
              },
              "placeholder": "[REAL CONTENT · interactive-chart · A real ordered data series, units, point labels, two pinned observations and accessible data rows.]",
              "layout_budget": {
                "authored": "one series; every plotted value available as text",
                "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument."
              },
              "markup": {
                "slot": "interactive-chart",
                "occurrences": 1,
                "annotation_status": "present",
                "visibility_status": "not asserted from static parsing",
                "sample_word_counts": [
                  146
                ]
              }
            }
          ],
          "rejection_constraints": [
            "Placeholder values presented as results or annotations that are detached from the selected series.",
            "Numbered commentary unrelated to the chart; invented causes or unlabeled denominators."
          ],
          "option_guidance": {
            "option": "chart-focus",
            "composition_delta": "Interactive line-chart option: focus the nearest point, inspect it by keyboard/touch, keep two annotations pinned, and read an accessible data table. All sample values are explicitly placeholders.",
            "semantic_change": "changes content relationship",
            "matching_instruction": "Select S59 chart-focus when the supplied material answers “Which precise plotted point supports this reading of the trend?” through plotted observation and accessible data. Respect this state: Interactive line-chart option: focus the nearest point, inspect it by keyboard/touch, keep two annotations pinned, and read an accessible data table. All sample values are explicitly placeholders."
          },
          "provenance": {
            "status": "inferred composition evidence",
            "author_intent": "not independently confirmed",
            "basis": [
              "retained source composition where available",
              "authored layout and slot contracts",
              "static implementation inspection"
            ],
            "source_visual_count": 3,
            "source_visual_sha256": [
              "f2d91296d0d31144aadeeec888f421071c975ba9da8423e4b6a93b123345399c",
              "5c54b18c799f0c75a31a28ff60af12042351081f532ef0b32e0fe90593af2d10",
              "519b4d3d50b970927f14b343fba7cfc70d7975361700f71bc0e77e5ecaac2d44"
            ],
            "source_export": "private source images remain outside this draft site",
            "markup_sha256": "a19acde46177633136bd120cf17347e80f49afcff03f6dc91452c27333fc8439",
            "limits": [
              "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.",
              "Budgets are authored layout guidance, not a content-writing limit or proof of fit.",
              "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent."
            ]
          },
          "adaptation_rules": [
            "Choose by audience question, reasoning relation and required content before aesthetic preference.",
            "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.",
            "A number needs source, scope and units; a quotation needs faithful wording and attribution.",
            "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.",
            "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them."
          ]
        },
        "narrative_profile": {
          "central_point": "The trend’s exact observations remain available beneath the overall pattern, and two pinned points anchor the interpretation.",
          "communication_job": "Help a reader answer: which specific point supports this reading of the trend?",
          "audience_value": "Inspectable evidence: lets readers test a broad trend claim against individual values and the accessible table, addressing uncertainty hidden by a smooth line.",
          "reading_path": [
            "Read the title and series definition before interpreting direction.",
            "Follow the ordered line, compare the two pinned observations, then focus any other point for its exact value.",
            "Read the table to verify all values and the three interpretations; use the takeaway only after checking their limits."
          ],
          "adaptation": {
            "required_inputs": [
              "One ordered series with six current point positions or a consistently regenerated series.",
              "Units, dates, values, source and denominator where relevant.",
              "Two useful pinned observations and three defensible interpretations."
            ],
            "slot_guidance": {
              "title-bar": "Name the trend question or supported conclusion.",
              "points": "Three readings: the focused observation, the pinned comparison, and the scope/limit of the series.",
              "takeaway": "A bounded implication of the observed pattern.",
              "interactive-chart": "The ordered data series, point labels, units, two pins and identical accessible table; regenerate SVG geometry and interaction labels."
            },
            "can_change": [
              "Data, period labels, pin selection and observations."
            ],
            "must_survive": [
              "Table, geometry, focused output and labels share the same data.",
              "The order encodes a real sequence, not arbitrary categories.",
              "Interaction adds detail; it cannot gate essential meaning."
            ]
          },
          "worked_example": {
            "fictional": true,
            "scenario": "A fictional library tracks weekly booking completion during a six-week pilot.",
            "slot_fills": {
              "title-bar": "Completion improved, with an uneven path | Pilot",
              "points": [
                "Week 6 ends higher. Completion is 74%, compared with 60% at week 2.",
                "The middle contains a setback. Week 3 falls to 56%; an upward ending does not mean continuous improvement.",
                "The cohort stays bounded. These are pilot bookings only; no comparison group establishes why completion changed."
              ],
              "takeaway": "Investigate the week 3 setback before extending the pilot; the final value alone does not explain the path.",
              "interactive-chart": "Fictional weeks 1–6 completion rates: 48%,60%,56%,68%,62%,74%; 100 eligible bookings each week. Pin weeks 2 and 6. Use a labeled 0–100% scale; table repeats all six values. Source: fictional pilot ledger."
            },
            "reasoning": "The two pins locate the endpoint comparison while the complete series reveals a dip that an endpoint-only claim would miss.",
            "qualification": "Entire series is fictional; no causal attribution to the pilot is warranted."
          },
          "narrative_fit": {
            "before": "Define completion, eligible bookings and the pilot period.",
            "after": "Investigate the dip or propose a controlled next test.",
            "good_uses": [
              "An ordered trend whose exact values and exceptions matter."
            ],
            "poor_fits": [
              "Unordered categories connected to imply a trend.",
              "A claim that the existing decorative SVG automatically recalculates from new text."
            ]
          },
          "evidence": {
            "observations": [
              "The viewed option capture shows a line chart with a point tooltip.",
              "Current HTML adds two persistent pins, keyboard point controls and a table, while hiding the base grouped chart and base interpretations.",
              "The current sample expressly states its uneven geometry does not represent the zero placeholders."
            ],
            "interpretations": [
              "Point inspection can make the evidence behind a trend more transparent; it does not validate the data."
            ],
            "not_verified": [
              "Original author intent, factual claims and persuasion effects are not independently verified.",
              "No confidential proposal corpus was used or validated."
            ],
            "references": [
              "dist/S59-native-chart-page/spread.json",
              "dist/S59-native-chart-page/spread.html",
              "02_product/spreads/S59-native-chart-page/source.webp (viewed; structure only)",
              "Hoffman L55 Native chart page",
              "02_product/spreads/S59-native-chart-page/source-opt-chart-focus.webp (viewed)",
              "https://spell.sh/docs/chart",
              "https://www.cult-ui.com/docs/components/analytics-chart"
            ]
          },
          "review": {
            "status": "reviewed",
            "basis": "Motif reviewed the current slot contract, selected markup and cited local source captures for faithful adaptation; this is not confirmation of original author intent."
          },
          "variation_relationship": "different-job"
        },
        "required_content": [
          "One ordered series with six current point positions or a consistently regenerated series.",
          "Units, dates, values, source and denominator where relevant.",
          "Two useful pinned observations and three defensible interpretations."
        ],
        "requires_before": [
          "Define completion, eligible bookings and the pilot period."
        ],
        "enables_after": [
          "Investigate the dip or propose a controlled next test."
        ],
        "avoid_when": [
          "Unordered categories connected to imply a trend.",
          "A claim that the existing decorative SVG automatically recalculates from new text."
        ]
      }
    },
    "narrative_profile": {
      "central_point": "A chart becomes an argument when its visible pattern, specific interpretations and qualified implication answer the same question.",
      "communication_job": "Help the reader answer: what pattern should I notice in these grouped bars, and how does it support the proposed scope?",
      "audience_value": "Evidence and interpretation: makes the recommendation inspectable by connecting a visible pattern to three specific observations and a qualified implication.",
      "reading_path": [
        "Read the claim in the title, then the chart label, units, categories and legend.",
        "Compare series within each category; do not compare unlabeled bar lengths as if they were self-explanatory.",
        "Read the three numbered observations as tests against the chart, then the takeaway as the bounded decision implication."
      ],
      "adaptation": {
        "required_inputs": [
          "Comparable grouped data and units with source/date/denominator.",
          "Three observations supported by the plotted values.",
          "A takeaway no stronger than the data and method allow."
        ],
        "slot_guidance": {
          "title-bar": "State the chart’s answer or analytical question.",
          "chart": "Provide categories, series, numeric values, common scale, legend and source caption; redraw geometry from values.",
          "points": "Three distinct readings of the data: baseline adequacy, where incremental effort goes, and the boundary of further value.",
          "takeaway": "State the resulting scope or interpretation, preserving the important limit."
        },
        "can_change": [
          "Subject, category/series names, data and precise observations."
        ],
        "must_survive": [
          "Chart geometry agrees with labels and units.",
          "Each observation is traceable to visible data.",
          "Amount of coverage alone does not establish truth, causality or statistical adequacy."
        ]
      },
      "worked_example": {
        "fictional": true,
        "scenario": "A fictional library compares proposed observation effort across stages of a room-booking journey.",
        "slot_fills": {
          "title-bar": "Test the weak stages, not only arrival | Method",
          "chart": "Fictional observation counts. Stages: Discover, Reserve, Arrive, Use, Exit, Follow-up. A: 6,2,8,6,2,3. B: 6,4,12,8,2,3. C: 15,8,19,8,2,3. Common zero baseline; one bar unit equals one observation. Caption: proposed counts, not study findings.",
          "points": [
            "Middle stages get more attention. B doubles Reserve observations and adds four at Arrive, where the brief identifies uncertainty.",
            "Routine stages stay stable. Exit and Follow-up are unchanged because this pilot is testing booking, not the entire service.",
            "Extra breadth needs its own question. C expands Discover substantially; commission it only if discovery becomes part of the decision."
          ],
          "takeaway": "B targets the booking uncertainty; the method review must still establish whether its observation count is adequate."
        },
        "reasoning": "The example preserves the source structure of a scoped comparison, with three readings explaining an intermediate proposal; it avoids equating more bars with stronger proof.",
        "qualification": "All numbers are fictional proposed effort. They neither establish statistical sufficiency nor report research results."
      },
      "narrative_fit": {
        "before": "Establish the research question, weak journey stages and available budget.",
        "after": "Explain the sampling method or ask for the scope decision.",
        "good_uses": [
          "A chart that earns a recommendation through a bounded reading.",
          "Explaining where a larger scope adds coverage."
        ],
        "poor_fits": [
          "An ornamental chart unrelated to the three points.",
          "Causal conclusions from counts or unsupported claims of representativeness."
        ]
      },
      "evidence": {
        "observations": [
          "The retained capture places grouped horizontal bars left, three numbered interpretations right and a bottom takeaway.",
          "The current chart uses placeholder labels and independent sample geometry, so adapting requires redrawing bars as well as changing text."
        ],
        "interpretations": [
          "The arrangement asks the writer to connect distribution, interpretation and decision rather than report a number alone."
        ],
        "not_verified": [
          "Original author intent, factual claims and persuasion effects are not independently verified.",
          "No confidential proposal corpus was used or validated."
        ],
        "references": [
          "dist/S59-native-chart-page/spread.json",
          "dist/S59-native-chart-page/spread.html",
          "02_product/spreads/S59-native-chart-page/source.webp (viewed; structure only)",
          "Hoffman L55 Native chart page"
        ]
      },
      "review": {
        "status": "reviewed",
        "basis": "Motif reviewed the current slot contract, selected markup and cited local source captures for faithful adaptation; this is not confirmation of original author intent."
      },
      "variation_relationship": "base"
    }
  },
  "options": [
    {
      "id": "chart-focus",
      "what": "Interactive line-chart option: focus the nearest point, inspect it by keyboard/touch, keep two annotations pinned, and read an accessible data table. All sample values are explicitly placeholders.",
      "sources": [
        {
          "ref": "Spell Chart",
          "url": "https://spell.sh/docs/chart"
        },
        {
          "ref": "Cult Analytics Chart",
          "url": "https://www.cult-ui.com/docs/components/analytics-chart"
        }
      ]
    }
  ],
  "also_seen_in": [
    "Spell Chart (https://spell.sh/docs/chart; captured 2026-10-10; private reference capture)",
    "Cult Analytics Chart (https://www.cult-ui.com/docs/components/analytics-chart; captured 2026-10-10; private reference capture)",
    "Fuji Chart table fallback reference (https://fujiui.com/components/chart; docs reviewed 2026-10-10; no component code copied)"
  ],
  "source": {
    "ref": "Hoffman L55 Native chart page",
    "url": "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html"
  }
}