adobe / adobe/react-spectrum-charts

Support nominal data for both X/Y axes at the same time for Line & Bar & Area Charts

Open
#220 0 comments 0 reactions 0 assignees View on GitHub
needs grooming rsc:Area rsc:Bar rsc:Line
Dominant language
TypeScript
Stars
127
Forks
29
Avg merge
7d 2h
Merged PRs (30d)
21

Description

### Provide a general summary of the feature here

Currently for line, bar and area charts, nominal data can be only either X axis or Y axis. There might be the use case where user wanted to have nominal type for both axes.
![Screenshot 2024-04-02 at 4 54 47 PM](https://github.com/adobe/react-spectrum-charts/assets/99426632/47ca606b-e79a-4947-8a52-401272d0a6b7)

### 🤔 Expected Behavior?

![Screenshot 2024-04-02 at 4 54 30 PM](https://github.com/adobe/react-spectrum-charts/assets/99426632/23370848-5494-4b65-af6d-2251a616fb34)

### 💁 Possible Solution
Alternatively, a "Heatmap" chart type can be created that serves the same visualization goal

### 🔦 Context

This feature is needed for migrating the UDD charts to use RSC.
Analysis doc: https://wiki.corp.adobe.com/pages/viewpage.action?spaceKey=AEPLT&title=UDD+Charts+RSC+Migration+Analysis

### 💻 Examples

_No response_

### 🧢 Your Company/Team

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the line, bar, and area chart implementations and their axis-scale handling, comparing how nominal data is currently supported on one axis. Confirm the expected two-nominal-axis rendering against the screenshots and migration context; done means all three chart types support nominal X and Y data together.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.