frame-data-chart-nyt

frame-data-chart-nyt is a design-template skill that turns a dataset or a single conclusion into a New York Times-newsroom-style single-frame or animated chart. It solves the problem of producing editorial-grade, on-brand data visuals for video clips or social cards by encoding a specific typographic and layout signature rather than leaving styling to chance.

The template specifies a 1920x1080 canvas in warm white or ink black, a top kicker line for source and category, a large serif headline that must be a conclusion drawn from the user's data (Cheltenham, Source Serif Pro, or Playfair), and a chart area occupying most of the frame supporting line, bar, or range-band forms. It prescribes a single ink color plus one accent (NYT red, editorial mint, or warm orange), monospace data annotations, hairline Y-axis ticks, a source footnote, and a staggered reveal animation (headline fade-in, kicker, line stroke-dashoffset, then sequential data labels) that respects prefers-reduced-motion. It insists on hand-written inline SVG under about 80 lines rather than heavy chart libraries, forbids grid clutter, shadows, 3D bars, and emoji, and requires using the user's real data (estimating and labeling coordinates as schematic only when given a text conclusion).

It targets content creators, video producers, and editorial designers who want a distinctive, newspaper-quality chart frame as a single self-contained HTML file. It is one of a catalogue of open-design frame templates from the html-anything project; the included example renders global AI-agent monthly-active-user data. As a static visual design specification with no scripts, network calls, or system operations, it is purely presentational.