curveHorizontal, curveVertical?
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- d3, javascript
調査の方向性
The issue describes a need for horizontal or vertical curve options in d3.line to represent discrete time-series data while improving rendering performance. Start by reading the d3-shape curve documentation and the implementation and tests for d3.curveStep. Done means a suitable curve option preserves the intended visual impression and performs well with large datasets on desktop and mobile.
索引モデルが issue の本文から書いたものです。
説明
In working with discrete-time and discrete-level data, I find that the risers in the data can end up being visually deceptive, especially where there is a single-level change involved. Use of a collection of "dots" appears to be much slower to render than the path used by d3.line, to the point of making scrolling and zooming even on a desktop browser rough, and nearly impossible on a phone.
From a presentation standpoint, the dot is "fine" -- it is just the performance problems, especially as mobile monitoring of the time series is a primary use case.
With d3.curveStep:
With drawing a dot:
At least for me, the visual impression of how many samples are at the median vs. high/low over a segment of time is very different between the two representations.
(Using d3.line has similar challenges with the near-vertical connectors as d3.curveStep has with the risers.)
On a desktop, the dataset-size limit is around 1000-1500 dots before the re-draw times introduce so much lag as to make scroll/zoom frustrating. (There are three other d3.line data sets as well on the graph, but it is the dots that dramatically slow the re-draw time)
- 主要言語
- JavaScript
- スター
- 2.5k
- フォーク
- 307
- 平均マージ
- 4時間 16分
- マージ済み PR（30日）
- 1
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
d3/d3-shape のほかの issue
-
Improve tree-shakingオープン
難易度 4/5 3〜5日 初心者へのやさしさ 55/100
-
難易度 3/5 1〜2日 初心者へのやさしさ 38/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
似ている issue
-
ai bug design good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
neomjs/neo-agent-institution#927 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
gramps-project/gramps-web#1671 ·
メンテナーはふだん 1 日以内に返信
-
bug good first issue priority: P2 status: ready
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
RhinoLink-Tech/data-fabric#502 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 75/100
cline/mcp-marketplace#3708 ·
-
beginner-friendly category:finding-titles community enhancement first-timers-only good first issue help wanted low hanging fruit micro-contribution type: task up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
Berserk-hub150/skillhawk#264 · コメント 1 件 ·
メンテナーはふだん 4 日以内に返信