Value based heatmap

[edwinquaihoi]

Hi, this is a great project! It would be nice to be able to support values that are not measured as time. I have a requirement where I just want the number of occurrences in a day however because the map deals with totals and values as time it makes the month, week and day views blank.

[g1eb]

Hi! that is a good point, at the moment the visualization is focused on time series data but I would love to see it become more generic in the future.

I know some people managed to tweak the timeline to fit their specific use case, but not something that is generalizable to support most values - including but not limited to time based values.

[raed667]

Up,

It would be nice to have a value based heat map with tool-tip templates so we can display different values.

[g1eb]

Interesting suggestion, what kind of values (if not time) are used in your example and what would the tooltip template look like?

PS. as long as this feature is not strictly related to angular 2 you could add the suggestion to the main repo vanilla js version: github.com/g1eb/calendar-heatmap

[raed667]

For example number of events per day. For the tool tip template it should be set in the configuration as HTML.

Website: https://raed.it

On Oct 17, 2017 4:16 PM, "Gleb" [email protected] wrote:

Interesting suggestion, what kind of values (if not time) are used in your example and what would the tooltip template look like?

PS. as long as this feature is not strictly related to angular 2 you could add the suggestion to the main repo vanilla js version: github.com/g1eb/calendar-heatmap

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/g1eb/angular2-calendar-heatmap/issues/3#issuecomment-337245798, or mute the thread https://github.com/notifications/unsubscribe-auth/ABYDgkANfu6cO78TyNIIVKwZOGMRQhMmks5stLa6gaJpZM4OJh8- .

[svsgdev]

Hello @g1eb , is there an update for this request?

Is there a way to use a value instead of times - like the count of events for that particular day.

Also, is there a way to display the days without data with a different color. For example, if the data is not passed for a particular day - I would display it in green color and the total values in tooltip will be 0.

[g1eb]

Hi svsgdev, unfortunately there is no update on this yet.

I would like to make the heatmap more generic and applicable to other projects not based on time-series data. As it stands the library is pretty lightweight and works well for what it was originally designed to do.

I would need more time to come up with a generalized solution that would be open to new types of data, display customization and other features while still being maintainable and lightweight.

[manojkumar82]

Hey @g1eb great work ! is it possible to make as is like cal-heat map like tiles arranged as calendar

We don't have color code for each specific data element and if data is null we can set some default color instead of having global color as shown above image.

And if we can have option of custom width and height that is great and appreciable.

[g1eb]

Hi! Apologies for the late reply, generalization of this component has been raised before.

At this point I'm not sure if it would be easier to start a new library for it instead. I've been able to tweak the source to fit my needs, including the example you posted above.

For what you want, I'd recommend forking the repo and playing around until satisfied :)