leeoniya / leeoniya/uPlot

Bubble Charts

Open
#758 3 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

I would like to create a bubble chart, but somehow cannot follow the complex example at https://leeoniya.github.io/uPlot/demos/scatter.html. The example seems overly complicated and not well documented. Is there a simpler example, or would it even make sense to expose the point size as a simple function for Series.Points.size? That would make bubble charts much simpler to create.

For reference, my example uses the following data structure:

const data = [
  [1,2,3,4,5], // x-Axis
  [3,4,5,6,7], // y-Axis
  [2,3,2,6,4], // Bubble radius
];

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 with the scatter demo at leeoniya.github.io/uPlot/demos/scatter.html and the Series.Points.size declaration in dist/uPlot.d.ts. Compare the requested data structure with the existing example, then clarify whether the desired outcome is simpler documentation or a function-based point size API; done should be a documented, usable path for creating the bubble chart.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
data-visualization
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.