LuluSkill
EN
Language

Language and theme are saved in this browser only.

Start with a goal
← Back to Data

Data

Tufte Data Viz

A chart-design rule set that an agent applies while building or auditing charts, graphs and dashboards: direct labels, restrained axis and gridline treatment, contrast, responsive layout and dark-mode behaviour, with configuration notes for several common charting libraries. Aimed at people who produce data visualisations and want the same house rules applied on every chart.

  • Data visualization
  • Design systems
GitHub stars: 223 (as of 2026-10-13)

Source: caylent/tufte-data-viz · pinned commit ae7ca0d

View source on GitHub

LuluSkill lists this project so you can find it. A listing is not a security review or an endorsement, and nothing on this page is installed or run for you.

EDITORIAL GUIDE

Choose the comparison before simplifying the chart

A chart can look cleaner while becoming harder to interpret. Use these design rules after defining the question, units and audience.

LuluSkill’s own reading of this project, not a summary of its README. About 3 minutes to read

This guide is LuluSkill’s own judgement about when this project fits, written from the pinned version named above. It is not the author’s documentation, not a security review and not a recommendation. LuluSkill did not install, run or test the project to write it, and the guide is shown only while this listing still points at the commit it was written against.

When this project fits

Consider this entry when an existing chart hides a specific comparison behind decoration. The entry routes across several chart libraries and stresses message and direct labels; it is useful as a review checklist after the data question is settled.

When to choose something else

Do not use a visual cleanup to resolve missing observations, biased sampling or uncertain estimates. A simpler axis cannot repair those problems. Keep uncertainty and meaningful reference lines even when a general style rule would remove visual elements.

What to provide and what to expect

Provide the data, units, intended comparison and existing chart code. Expect proposed encoding and styling changes, not new statistical evidence. Name the decision the reader should be able to make before asking for a chart.

Tools, permissions and boundaries

The selected chart library and its surrounding application must already be understood. Reading the entry does not grant file writes or a chart renderer. For an interactive chart, include keyboard access and a text or table alternative in the host application review.

The tradeoff and an alternative

For three exact values, a table may communicate faster. For a bar comparison, preserving a meaningful baseline matters more than maximizing empty space. Treat minimalist defaults as choices to justify against the reading task, rather than universal correctness.

A small acceptance exercise

Proposed exercise: chart three categories with one unusually large value. Ask a reader to identify the largest and estimate the difference without hovering. Reject a revision if its scale exaggerates the difference, units disappear or labels become unreadable on a narrow screen.

Source, version and what was actually read

The pinned entry was read for its opening workflow, universal style rules and library routing. Library reference files and rendered examples were not evaluated. LuluSkill did not install or run this project; the exercise above is a proposed reader check, not a reported result.

How to use this listing

LuluSkill publishes the description and the source link only. The skill itself stays in its author’s repository, and nothing here is installed, copied or run for you.

  1. Read what the skill helps with The summary above says which job the project is for. If that is not the job you have, this is probably not the listing you want.
  2. Open the original source and follow the author’s own instructions The link to the original project opens its author’s page. That page, not this one, is where the setup steps and any copying instructions live.
  3. Use it in a compatible AI assistant Skills of this kind are normally used inside an AI assistant that can read a folder of files on your computer. Which assistants support them is the author’s decision, so check their page before you start.

Who it is for

Somebody who already wants this one job done and is willing to follow the author’s setup steps. No programming knowledge is assumed, and this listing cannot tell you whether the project suits you.

Before you start

You need an AI assistant that supports skills, and you will be following somebody else’s instructions on your own computer. Read them before you run anything.

What you end up with

Whatever the author’s project produces. LuluSkill never runs it, so this page cannot promise a result, a file, or a level of quality.

Where it is normally used

Projects like this are usually used in an AI assistant that supports skills, such as an AI coding assistant. The author’s repository says which assistants it is written for; LuluSkill has not tested it with any of them.

Version checked

The source was checked at this commit: ae7ca0d

Changes made to the repository after this commit have not been checked.

License

MIT, from the licence file in the source repository at the listed commit. Check the repository’s licence before you use or copy the project.

Listing only

LuluSkill lists this project only. It does not host, download or run its code.

What this page does not include

The project’s files and setup steps stay in its own repository. LuluSkill has not security-tested the project or confirmed which AI assistants it works with.

Report a problem or request removal

Rights holders and users can report licence, attribution, security or accuracy problems with this page. We respond within 48 hours and record every request in our review log.

Opens your email app. You can also write to contact@luluskill.com and include this page’s address.