Add accessible colour set to use in line plots
メンテナーはふだん 7 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 25/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- typescript
- 領域
- accessibility, design, frontend
調査の方向性
The issue gives Davidia's current eight-colour set as a reference, but the payload does not name the theme file or the plotting code, so first locate where the theme is defined in this TypeScript repo. The work is choosing a palette of 8-10 colours with good contrast, plus matching lighter or darker variants for dark mode, and exporting it from the theme. Done means a palette that a maintainer agrees on, checked for colour-blind distinguishability and contrast, and a note that line plots should also vary dash or weight.
索引モデルが issue の本文から書いたものです。
説明
Propose to add a colour set that can be imported with the theme to use in line plots.
- Should be around 8-10 colours
- Colours clearly distinguishable from one another (although in line plots, colour should not be the only way to distinguish between lines, e.g. use dots/dashes with differing weight)
- Good contrast for visual impairments (low vision, colour blindness)
- Work for light and dark mode (same hue with brightness/lightness adjusted)
As an example, Davidia's current colour set is
'rgb(0, 0, 0)', // #000000, black
'rgb(0, 158, 115)', // #009e73, teal
'rgb(230, 157, 0)', // #e69d00, orange
'rgb(86, 179, 233)', // #56b3e9, light blue
'rgb(240, 228, 66)', // #f0e442, yellow
'rgb(0, 114, 178)', // #0072b2, blue
'rgb(213, 94, 0)', // #d55e00, dark orange
'rgb(204, 121, 167)', // #cc79a7, pink
A useful tool for colour set accessibility.
- 主要言語
- TypeScript
- スター
- 9
- フォーク
- 4
- 平均マージ
- 7日 17時間
- マージ済み PR（30日）
- 29
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
DiamondLightSource/sci-react-ui のほかの issue
-
needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
DiamondLightSource/sci-react-ui#325 · コメント 1 件 ·
メンテナーはふだん 7 日以内に返信
-
accepted
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
DiamondLightSource/sci-react-ui#283 · コメント 1 件 ·
メンテナーはふだん 7 日以内に返信
-
Spacing at the top of SidebarNav should be configurable対応中かも @swara030 が 5 日前に担当しました。 オープンneeds-triage
難易度 3/5 1〜2日 初心者へのやさしさ 65/100
DiamondLightSource/sci-react-ui#334 · コメント 1 件 ·
メンテナーはふだん 7 日以内に返信
-
needs-triage
難易度 5/5 1週間以上 初心者へのやさしさ 38/100
DiamondLightSource/sci-react-ui#332 ·
メンテナーはふだん 7 日以内に返信
-
needs-triage
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
DiamondLightSource/sci-react-ui#331 ·
メンテナーはふだん 7 日以内に返信
DiamondLightSource/sci-react-ui の issue をすべて見る
似ている issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 83/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
ranxianglei/billion-context#3583 ·
メンテナーはふだん 1 日以内に返信
-
bug:new
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
callstackincubator/simlock#673 ·
メンテナーはふだん 1 日以内に返信
-
documentation v3
難易度 2/5 1〜3時間 初心者へのやさしさ 73/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 73/100
anomalyco/opencode#56380 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信