search

GTBitsOfGood / MapScout

Connecting nonprofit and government clients with vital services through an intuitive and navigable resource map
https://app.mapscout.io
Apache License 2.0
13 stars 4 forks source link

Chart Components - Linegraph, Progress Bar, Pie chart #279

Closed thanasis457 closed 1 month ago

thanasis457 commented 2 months ago

Description

Create React components for a Linegraph, Progress Bar, and Pie chart as shown in the Figma:

Image

The "Donate now" buttons should redirect to a link passed in by the user.

Ensure that the components behave correctly while resizing. Please make use of vanilla D3 and avoid making use of 3rd party component libraries. You should only create the component within the collapsible boxes. i.e. the component you will create should not be collapsible or have any frame around them.

charliejlin commented 2 months ago

I just added the components to the modal when you click on any provider from the map view. I left my testing components and their info in "map/index", if you wanted to see for yourself, but lmk and I can just remove the test data and the components.