HeatMap / Histogram Chart in Chart.js - chart.js

How to create histogram / heat map chart like the snapshot in chart.js.
Requirement is to plot days of week on x axis (Sun, Mon, Tues) and time in hour on y axis (1-12 or 24). All the values will be shown in the color range lighter to darker

Related

Chart js with different width in x-axis

Hi Can anyone tell me how to get two different ticks for x-axis with different widths in chart js ? I also need to thicken the y axis lines at 3,4,5,6 month's tick
I'm trying to implement WHO chart "Weight-for-age BOYS - Birth to 2 years (z-scores)" in my application.

How to plot 'outside' of the a matplotlib plot?

I have values 1 through 5000 along the x-axis and percentage along the y-axis, however, I only want the values from 1-150 to be visible along the x-axis (in order to make the scale more usable), but I'm having trouble figuring out how to do it.
Originally, I was just excluding the data with values over 150, but that obviously doesn't work with percentages.
You can achieve this by limiting the range of the x-axis (or y-axis) of the plot: plt.xlim(1, 150) or ax.set_xlim(1, 150).

Google Charts - How to stretch x axis over chart's full width

I can't figure out why Google Charts draws this simple chart aligned to center and doesn't fill entire white area.
Note: X axis is discrete because it represents weeks.
Do you have any idea what can I do with it?
That is how the charts display when you use a discrete (string) axis. If you want edge-to-edge lines, you need to use a continuous (number, date, datetime, timeofday) axis. See an example of the differences here: http://jsfiddle.net/asgallant/Xfx3h/.

Google Chart Date X-Axis not proportionate to length of time

I have a simple chart plotting data over time. The data points are taken at random time intervals, and I would like the chart X axis (time) to actually reflect the interval between these dates. Currently the x axis always uses the same spacing between two dates, regardless of the span of time covering the delta.
Thanks!
https://developers.google.com/chart/interactive/docs/gallery/annotatedtimeline
should do what you want. It has support for graphing using dates.

sas probability density plot with differential shading

I have data of events in time. At the moment they are represented by (black) markers, at y = 1 on a scatter plot where the x-axis is time.
Unfortunately there is uncertainty in x of about 2 hours. So I want to turn my black markers into more like grey sausage shapes - where there is an equal probability of the event occurring at each point in time in that 2 hours, and the shading is not black such that when all the events are plotted I can see the density building up at different points in time.
Any idea how I blur my precise markers over time into differentially-shaded uniform-probability sausages?
Thanks very much and let me know if this is not clearly stated as a question.