I AM LISTENING TO

WHAT I LIKE

D3 Calendar Heatmap – Still summer here

8. September 2016

A d3.js heatmap representing time series data. Inspired by Github’s contribution chart.

// chart data example
var chartData = [{
  date: valid Javascript date object,
  count: Number
}];
var chart1 = calendarHeatmap()
              .data(chartData)
              .selector('#chart-one')
              .colorRange(['#D8E6E7', '#218380'])
              .tooltipEnabled(true)
              .onClick(function (data) {
                console.log('onClick callback. Data:', data);
              });
chart1();  // render the chart

// chart data example

var chartData = [{

date: valid Javascript date object,

count: Number

}];

var chart1 = calendarHeatmap()

.data(chartData)

.selector('#chart-one')

.colorRange(['#D8E6E7', '#218380'])

.tooltipEnabled(true)

.onClick(function (data) {

console.log('onClick callback. Data:', data);

});

chart1(); // render the chart

GitHub

0 Comments

Oldest

Newest Most Voted

Inline Feedbacks

View all comments

Alexander

I am a full-stack developer. My expertise include:

Server, Network and Hosting Environments
Data Modeling / Import / Export
Business Logic
API Layer / Action layer / MVC
User Interfaces
User Experience
Understand what the customer and the business needs

I love programming, design and know my way around server architecture as well. I would never feel complete, with one of these missing.

I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest.

Apart from that, I am a peace loving guy who tries to have people around him that think the same. I truly believe in the principle: “If you help someone, someone will help you, when you need it."

Services

Previous Next

D3 Calendar Heatmap – Still summer here

Related Content

WooCommerce Appointments Enhanced with an Availability Calendar

B&B / Hotel Booking Solutions for WordPress | 2024

2024 is here and now :)

Alexander