GAME · WEB · FILM
Back to journal

/ DATA VISUALIZATION

Lieflat Charts gives agents a visual language for data

An agent skill for polished HTML charts and reports, with several chart families, color presets, and a noncommercial license.

Lieflat Charts is an Agent Skills-compatible project for data visualization and report generation. Its author describes a shared visual language of typography, whitespace, fine lines, annotations, and motion. Moxt is its original environment, and its README also gives installation guidance for Claude Code and Codex. The agent chooses a chart family based on the data and the reading task rather than styling every dataset in the same way.

The shared post describes more than 60 chart types and around 2,000 GitHub stars. Those figures can change, and the repository’s current file index explicitly lists 49 chart types plus 12 full-page report templates. More important for reuse: the repository is publicly readable but uses the PolyForm Noncommercial license. Commercial use requires separate permission.

Choose a reading speed

Lupi Editorial uses fine detail, individual records, and generous space for slower reading. Glance favors strong comparison and quick ranking. Lupi Basics keeps familiar bar, line, area, and other common shapes with the same editorial finish. Separate interactive templates handle relationships and flows. Start with the question the reader should answer, then let the chart form follow it.

Use the restrained color system

Monochrome is the default. The README names three optional palettes: Porcelain blue, Palm green, and Wire red. It also allows a custom brand palette. Keep contrast and the meaning of each color intact when adapting the theme.

Know the output format

The skill produces HTML charts and can assemble a full-page HTML report when requested. Its README lists 12 bilingual report templates. This suits web pages and HTML presentations. For a PowerPoint file, plan an explicit export or conversion step and check whether motion survives; the repository does not promise native editable PPT charts. Some templates load Chart.js or ECharts from a CDN and need network access unless those dependencies are bundled.

Copy a focused chart request

Use this after installing the skill in a compatible agent. Provide the dataset and the decision the audience needs to make.

TRY THIS PROMPT

Use the installed Lieflat Charts skill to visualize the attached [CSV/data]. The audience is [audience], and the main question is [question]. Inspect the units, missing values, and source before selecting a chart. Compare a detailed Lupi approach with a faster Glance or Basics approach and choose the one that communicates the finding most clearly. Use the skill’s restrained visual system, label units and sources, and produce an HTML chart that I can inspect. If I ask for a report, assemble the appropriate full-page report template and explain any CDN dependencies. Do not invent data or conclusions.

Back to journal