Skill LibraryPrompt Skill1 DesignsTop Views

Chart Selection and Accessibility

Choose chart type, encodings, copy, alternative data table, and frontend chart library from data relationship, user task, and accessibility requirements.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines7

Reusable instruction lines for generation.

Author@Interface Lab

Data Visualization

Skill Directive

Description

Choose chart type, encodings, copy, alternative data table, and frontend chart library from data relationship, user task, and accessibility requirements.

TagsData Visualization

Skill Prompt

- Write the chart question before choosing a library: does the user need comparison, trend, distribution, correlation, composition, ranking, geography, flow, or anomaly investigation?
- Identify data structure: time series, category plus value, two numeric variables, part-to-whole, hierarchy, geography, network/flow, interval/uncertainty, or event timeline; structure determines candidate charts.
- Offer at least two chart candidates with tradeoffs, such as line vs bar, scatter vs table, stacked bar vs small multiples, or map vs ranked list.
- Be specific about encoding: position beats area and color; bar/line fit quantitative comparison; scatter fits correlation; histogram/box/violin fit distribution; pie/donut should be rare.
- Design accessibility at the same time: title states the takeaway, axes and units are clear, color is not the only cue, labels/legends/shapes provide redundancy, and chart summary plus data-table alternative exist.
- Choose frontend library by need: D3 for bespoke graphics, Observable Plot for exploration and marks/layers, Vega-Lite for auditable JSON specs, ECharts for large interactive dashboards, and Chart.js for lightweight standard charts.
- Before delivery, check responsiveness, zoom, empty/loading/error states, long labels, outliers, tooltip keyboard path, screen-reader text, data source, and last-updated time.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

Chart Selection and Accessibility

More pages using Chart Selection and Accessibility