leeoniya / leeoniya/uPlot

Legend for scatter plot with mode 2

Open
#818 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
10.5k
Forks
463
PR merge metrics
No merged PRs in 30d

Description

Hey @leeoniya,

amazing and very performant library! :)

I am currently struggling with the live legend updating of the scatter plot with mode 2. I have checked all the demos and issue threads but could not find the missing piece of information.

Basically, I would like to have the legend of the scatter plot to show the values of the hovered series like it is done in the bubble plot. The legend should not be vertically but horizontally aligned like in the scatter plot. My scatter plot is based on the scatter plot from the same resource: https://leeoniya.github.io/uPlot/demos/scatter.html

The legend should look like the second plot in this demo: https://leeoniya.github.io/uPlot/demos/nearest-non-null.html

I appreciate every help from you. Thanks in advance!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by comparing the scatter.html and nearest-non-null.html demos referenced in the issue, focusing on mode 2, legend updates, and horizontal alignment. Trace how the demos configure the legend and hover behavior; done means the scatter plot legend live-updates with hovered series values while retaining horizontal alignment.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.