[SPIKE-105] A Chart Library for UI

[zakhap]

Description

In upcoming design work + product features, we're going to want to display data as charts. Data in buckets (pie chart, bar chart) + data over time (display some arbitrary curve, eg price over time).

Suggested Libraries to review, though if you know of others or want to compare others, feel free:

1. D3 <= top choice by product, upon cursory research
2. Chart.js <= second choice by product, upon cursory research
3. Plot.ly
4. Rechart
5. Google Charts

Suggested TimeBucket: 2h Results needed by: March 8

Suggested Questions for Establishing a Recommendation

1. Features and Capabilities:

   • What types of charts and visualizations does each library support?
   • How easy is it to customize the appearance of charts?

2. Ease of Use and Learning Curve:

   • How easy is it to get started with each library?

3. Performance:

   • How do the libraries perform in terms of rendering speed and efficiency?

4. Community and Support:

   • How active is the community around each library?
   • Is there sufficient documentation and examples available?
   • Are there any known issues or limitations that might impact development?

5. Integration and Compatibility:

   • How well does each library integrate with common frameworks and libraries (e.g., React, Angular)?
   • Is there support for different data formats and sources (e.g., CSV, JSON, APIs)?

6. Accessibility and Responsiveness:

   • Do the libraries provide features or tools to ensure accessibility standards are met?
   • How well do the charts respond to different screen sizes and devices?

7. Maintenance and Longevity:

   • Are there any concerns about the long-term viability of using the library?

Overall Recommendation:

1. Based on the above factors, which library would you recommend for the project's requirements and constraints?

Project Owner

@zakhap

Engineering Requirements

Additional context

[CowMuon]

Initial LLM Spike Findings added to Spikes folder

[dillchen]

Let's use plotly