search

MLH-Fellowship / 0.4.2-learning-journal

A React Native/GraphQL based application for running a 'Learning Journal'
MIT License
3 stars 3 forks source link

Heatmap integration! #13

Closed AnshG714 closed 4 years ago

AnshG714 commented 4 years ago

Sample Data Input:

const commitsData = [ { date: "2020-06-02", count: 1 }, { date: "2020-06-03", count: 2 }, { date: "2020-06-04", count: 3 }, { date: "2020-06-05", count: 4 }, { date: "2020-06-06", count: 5 }, { date: "2020-05-30", count: 2 }, { date: "2020-05-31", count: 3 }, { date: "2020-05-01", count: 2 }, { date: "2020-05-02", count: 4 }, { date: "2020-05-05", count: 2 }, { date: "2020-05-30", count: 4 }, ];

Example declaration: <Heatmap dateDetails={commitsData} />.

Add this to your view! Then, import the Heatmap component in the components folder. Note that you can style this component with the styles prop, and also, there's also width and height props.

ayushjainrksh commented 4 years ago

Also, resolve the conflicts before merging the PR.